JS繫結事件的三種方式

一. xhtml 繫結方式

type="button" onclick="test();"/>

type="button" onclick="若干句js** "/>

優點：內容和行為分離

//dom物件.事件 = 事件處理函式

var btn1 = document.getelementbyid("btn1");

btn1.onclick = test;//test為事件處理函式
function
test
()

var btn1 = document.getelementbyid("btn1");

btn1.onclick = function
();

沒有名稱的函式

function()

定義函式還有第二種方式

function test(){}

var test = function(){}

JS事件繫結三種方式

1.在html標籤中直接繫結 2.在js中獲取到相應的dom元素後繫結 重複繫結會覆蓋之前繫結的onclick事件let button1 document.getelementbyid btn1 button1.onclick function 3.在js中使用addeventlistener 實現...

事件的三種繫結方式

1.行內式繫結事件處理 另外一種寫法 functionclickme 這時候,這個函式的作用於這就這個物件本身 input 所以我們可以通過this獲取input的任何屬性。缺點 1.html與js 的耦合性高 2.在事件函式未預編譯之前，點選可能會報錯 3.這樣的事件處理程式在不同瀏覽器中的作用於...

DOM繫結事件的三種方式

參考事件繫結原理 1.在dom中繫結。在dom中繫結有兩種方式 function handlename 2.在js中繫結。elementobj.on function elementobj.nclick function 3.利用事件監聽，但是事件監聽要考慮到瀏覽器相容性 chrome firefo...