亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

聚焦顯示新的樣式,怎么樣失去焦點恢復成默認的樣式?

$(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();
})




我給失去焦點樣式為空的話,沒有效果,請問怎么樣讓他恢復才原來的默認樣式?

正在回答

2 回答

$(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();
})

你寫的這個其實是對的,就是 aa.focusout() 這個地方,你沒有設置 input 失去焦點的樣式。

aa.focusout(function?()?{
?????$("input").css()
})

此處應該為:

aa.focusout(function?()?{
????$("input").css('border',?'none')
})


0 回復 有任何疑惑可以回復我~
#1

_青黛 提問者

謝謝老哥,你可能沒有試這個代碼,但是啟發了我,如果border設置成none的話,這個文本框的邊框就沒了,但是不寫none的話剛好變成默認的樣式,謝謝,采納了。
2019-01-02 回復 有任何疑惑可以回復我~

啊。。不好意思。。確實是忘了測試了。

其實除了直接在 input 上修改 css ,還可以使用 addClass 和 removeClass 的方式來實現

<style>.abc{border:?3px?solid?red;}</style>

$(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();



})


0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

聚焦顯示新的樣式,怎么樣失去焦點恢復成默認的樣式?

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號