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