JavaScript で最もよく使用される 10 のカスタム関数 (中国語版)_JavaScript スキル

function addEvent( elm, evType , fn, useCapture) {
if (elm.addEventListener) {
elm.addEventListener(evType, fn, useCapture);//DOM2.0
return true; >else if (elm.attachEvent) {
var r = elm.attachEvent('on' evType, fn);//IE5
return r;
}
else {
elm[ 'on' evType] = fn;//DOM 0
}
}


以下はディーン・エドワーズ版です

// Tino Zijdel からの入力
// http:// dean.edwards.name/weblog/2005/10/add-event/
function addEvent(element, type, handler) {
// 各イベント ハンドラー関数に一意の ID を割り当てます
if ( !handler.$$guid) handler.$$guid = addEvent.guid;
//要素のイベント タイプのハッシュ テーブルを作成します
if (!element.events) 要素。 events = {}; //「要素/イベント」のペアごとにイベント ハンドラーのハッシュ テーブルを作成します。
var handlers = element.events[type];
if (!handlers) {
handlers = element .events[type] = {};
//既存のイベント ハンドラー (存在する場合)
if (element["on" type]) {
handlers[0] = element[" on " type];
}
}
//イベント ハンドラー関数をハッシュ テーブルに保存します
handlers[handler.$$guid] = handler;
//グローバル イベントを割り当てますハンドラー関数はすべての作業を実行します
element["on" type] = handleEvent;
//一意の ID を作成するために使用されるカウンター
addEvent.guid = 1; (element, type, handler) {
//ハッシュテーブルからイベントハンドラー関数を削除
if (element.events && element.events[type]) {
delete element.events[type ][handler. $$guid];
}
};
function handleEvent(event) {
var returnValue = true;
//イベント オブジェクトをキャプチャします (IE はグローバル イベント オブジェクトを使用します) >event =event || fixEvent(window.event);
//イベント処理関数のハッシュ テーブルへの参照を取得します
var handlers = this.events[event.type];各ハンドラー関数を実行します
for (var i in handlers) {
this.$$handleEvent = handlers[i];
if (this.$$handleEvent(event) === false) {
returnValue = false;
}
}
return returnValue;
//IE のイベント オブジェクトにいくつかの「欠落している」関数を追加します
function fixEvent(event) {
//標準の W3C メソッドを追加します
event.preventDefault = fixEvent.preventDefault;
return event;
fixEvent.preventDefault; {
this.returnValue = false;
fixEvent.stopPropagation = function() {
this.cancelBubble = true;この関数は非常に強力で、IE のこのポインティングの問題を解決します。イベントは常に最初のパラメーターとして渡されるため、クロスブラウザーが簡単になります。
さらに、HTML5 ワーキング グループのバージョンも大切にしました:




コードをコピーします


コードは次のとおりです。


var addEvent=(function(){
if(document.addEventListener){