2020 blur()和onblur的使用區別

AlikeLin發表於2020-11-10

blur()和onblur的使用區別

一、
blur()是jQuery 的方法,直接繫結物件;

例項:
$(selector).blur()

當輸入域input失去焦點 (blur) 時改變其顏色:

$("input").blur(function(){
  $("input").css("background-color","#D6D6FF");
});

當id為demo的失去焦點發生的函式

$("#demo").blur( function(){
//可加ajax
$.ajax({

});
} )

二、
onblur 是原生 js 的寫法,可以直接寫在元素的屬性中或者在指令碼中定義;

當使用者離開input輸入框時執行一段Javascript程式碼:

<input type="text" onblur="myFunction()"/>

相關文章