聚焦顯示新的樣式,怎么樣失去焦點恢復成默認的樣式?
$(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 失去焦點的樣式。
aa.focusout(function?()?{ ?????$("input").css() })此處應該為:
aa.focusout(function?()?{ ????$("input").css('border',?'none') })2019-01-31
啊。。不好意思。。確實是忘了測試了。
其實除了直接在 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();
})