2022 01 06 JS事件新增方法

2022-09-14 09:24:12 字數 798 閱讀 7558

老版本瀏覽器為 target.attachevent('onclick', function);

事件移除 removeeventlistener();

阻止預設事件: event.preventdefault(); example => 點選核取方塊,點選後核取方塊高亮, 可以用來阻止核取方塊選中高亮;

阻止事件傳播: event.stoppropagation() 阻止事件捕獲和事件冒泡; 返回值為 undefined;

event.stopimmediatepropagation(): 方法阻止監聽同一事件的其他事件***被呼叫。表示只能呼叫當前事件, 其他事件呼叫失效;

行內事件處理器-請勿使用 後期不好維護 盡量js html分開編寫

addeventlistener() and removeeventlistener();

addeventlistener() 可以新增多個同一型別的事件不會覆蓋。

removeeventlistener(eventname, functionname, option) 移除不需要的事件,且非常高效。

事件物件 e/evt/event

let obj = {};

object.defineproperty(obj, 'name', );

console.info(obj.name); // king

// getter setter

object.defineproperty(obj, 'name', ,

set: function() {},

});

js事件新增

var btn document.getelementbyid btn btn.nclick fun1 btn.nclick fun2 btn.nclick fun3 結果 後面繫結方法會覆蓋前面的方法,最後只執行fun3 btn.attachevent onclick fun1 btn.attac...

JS事件 新增 移除事件

element.addeventlistener event,function,usecapture 方法用於向指定元素新增事件控制代碼。event 必須。字串,指定事件名。注意 例 使用 click 而不是使用 onclick function 觸發函式 usecapture 可選。布林值,指定事...

Js動態新增事件

一 setattribute 該方法在ff下可行,在ie下,不支援該方法新增事件 setattribute onclick display 該方法在ff下可以正常執行,在ie就不能執行。二 attachevent 和 addeventlistener ie下用 attachevent 非ie下用 a...