JS自定義事件繫結--通過URL觸發不同的點選事件

阿新 • • 發佈：2019-02-08

window.onload = function () { var btn1 = document.getElementById("btn1"); var btn2 = document.getElementById("btn2"); function EventTarget () { this.handlers = {}; // 物件屬性，有三個方法 // this.handlers = { // type1 : [type1Fun1, type1Fun2], // type2 : [type2Fun1, type2Fun2]

// } } EventTarget.prototype = { constructor : EventTarget, /**繫結事件 * param type : 自定義事件型別 * param handler : 自定義事件繫結的回撥函式 */ addHandler : function (type, handler) { // 如果傳入的事件型別為undefined，就建立一個數組 if (typeof this.handlers[type] == "undefined"

) { this.handlers[type] = []; } // 再將回調函式新增到陣列中去 this.handlers[type].push(handler); }, /**觸發事件 * param event : 傳入的物件 * { type : "show", message : "hello world"} */ fire : function (event) { if

(!event.target) { event.target = this; } if (this.handlers[event.type] instanceof Array) { var handlers = this.handlers[event.type]; for (var i = 0, len = handlers.length; i < len; i++) { handlers[i](event); // 呼叫對應事件的回撥函式 } } else { throw new Error("No event can call"); } }, /**登出事件的回撥函式 * param type : 事件型別 * param handler : 回撥函式 * 呼叫示例：removeHanlder("show", showMessage); * 登出show型別的showMessage函式 **/ removeHandler : function (type, handler) { if (this.handlers[type] instanceof Array) { var handlers = this.handlers[type]; // 取得對應事件的回撥函式 for (var i = 0, len = handlers.length; i < len; i++) { if (handlers[i] == handler) { break; // 得到對應事件的索引值 } } handlers.splice(i, 1); // 刪除索引值，即刪除對應的事件的其中一個回撥函式 } } } function btn1Fun(){ alert("btn1Fun"); } var btn2Fun = function (){ alert("btn2Fun"); } var eventTarget = new EventTarget(); // 獲取請求的引數 var request = window.location.search.substring(1); // 獲取value值 var value = request.split("=")[1]; // 通過遍歷button觸發事件 var input = document.getElementsByTagName("input"); for (var i = 0, len = input.length; i < len; i++) { if (value === input[i].value) { eventTarget.addHandler("click", eval(value + "Fun")); eventTarget.fire({ type : "click"}); } } }

JS自定義事件繫結--通過URL觸發不同的點選事件

JS自定義事件繫結--通過URL觸發不同的點選事件

WPF自定義treeview繫結事件SelectedItemChanged

Silverlight自定義資料繫結控制元件應該如何處理IEditableObject和IEditableCollectionView物件

[Cocos2dx] C++自定義類繫結到Lua

SpringMVC框架（1）之（1.3 自定義引數繫結）

Angular Forms - 自定義 ngModel 繫結值的方式

SpringMVC自定義引數繫結器【日期型別】

ASP.NET MVC 下自定義模型繫結，去除字串型別前後的空格

Spring MVC 之自定義List繫結

SpringBoot中自定義引數繫結（以Date日期為例）

Vue基礎精講 —— Vue的元件之元件的定義、繼承、自定義雙向繫結、高階屬性

WPF中DataGrid使用自定義列繫結資料

WPF新手之將如何將一個成員變數或自定義類繫結到控制元件

記錄一次自定義引數繫結錯誤問題的解決過程

Spring MVC 自定義資料繫結報http 406錯誤

springmvc自定義引數繫結使用者資訊

jQuery繫結動態元素的點選事件無效

jQuery——事件篇( 滑鼠、表單、鍵盤、事件繫結和解綁、事件物件、自定義事件)

js自定義事件模式

js 自定義事件

JS自定義事件繫結--通過URL觸發不同的點選事件

相關推薦