聚焦顯示新的樣式,怎么樣失去焦點恢復成默認的樣式?
$(function?()?{ ????function?fn(e)?{ ????????$(this).val(e.data) ????} ????var?aa?=?$("input"); ????function?a()?{ ????????aa.focusin('慕課網',?fn); ????????aa.focusin(function?()?{ ????????????aa.css("border",?"3px?solid?red") ????????}); ????????aa.focusout('',?fn); ????????aa.focusout(function?()?{ ????????????$("input").css() ????????}) ????} ????a(); })
我給失去焦點樣式為空的話,沒有效果,請問怎么樣讓他恢復才原來的默認樣式?
2018-12-28
你寫的這個其實是對的,就是 aa.focusout() 這個地方,你沒有設置 input 失去焦點的樣式。
此處應該為:
2019-01-31
啊。。不好意思。。確實是忘了測試了。
其實除了直接在 input 上修改 css ,還可以使用 addClass 和 removeClass 的方式來實現
$(function () {
function fn(e) {
$(this).val(e.data)
}
var aa = $("input");
function a() {
aa.focusin('慕課網', fn);
aa.focusin(function () {
aa.addClass('abc')
});
aa.focusout('', fn);
aa.focusout(function () {
aa.removeClass('abc')
})
}
a();
})