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) element. events = {}; //「要素/イベント」のペアごとにイベント ハンドラーのハッシュ テーブルを作成します。
var handlers = element.events[type]; 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;
function RemoveEvent(element, type, handler) {
//ハッシュ テーブルからイベント ハンドラー関数を削除します
if (element.events && element.events[type]) {
delete element.events[ type][handler.$$guid];
}
};
function handleEvent(event) {
var returnValue = true
// イベント オブジェクトをキャプチャします (IE はグローバル イベントを使用します) object)
event = events || 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.stopPropagation;
return イベント; = function() {
this.returnValue = false;
fixEvent.stopPropagation = function() {

};
この関数は非常に強力で、IE のこのポインティング イベントが常に最初のパラメーターとして渡される問題を解決し、クロスブラウザーも問題ありません。

さらに、HTML5 ワーキング グループのバージョンも大切にしました:





コードをコピー


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