事件模組的演變(8)

2021-09-08 23:16:47 字數 670 閱讀 7580

這篇為其增加幾個功能

1,延遲handler的執行

2,handler可指定執行上下文,即有時可能需要handler內this不是htmlelement

3,停止事件冒泡和阻止預設行為

4,阻止元素預設行為

5,停止事件冒泡

為此,將新增事件函式on的介面做了修改。第四個引數是個物件,分別可指定以下引數

e.on(el, 'click', fn, );

示例1 延遲執行

click me

function f1()

e.on(d1,'click',f1, );

示例2 改變執行上下文

click me

function f2()

e.on(d2,'click',f2,

});

示例3 handler僅執行一次

click me

function f2()

e.on(d3,'click',f3, );

event-v0.5.js

模組化演變歷程

程式模組化開發的優點 開發效率高 方便重用,別人開發的模組直接拿過來就可以使用,不需要重複開發類似的功能 可維護性高 軟體的宣告週期中最長的階段其實並不是開發階段,而是維護階段,需求變更比較頻繁,使用模組化的開發方式更容易維護 一 演變歷程 1,全域性函式 人為模組 function sum a,b...

js高階 模組化演變

function demo 頂層命名空間 shop.user 使用者模組 自執行函式 function window.shop.user 把自己基類的很多任務具封裝乙個整體框架 btn form animate 沒有元件庫之前都是這麼操作 都組裝到kj這個庫 後來繼續演變 sea.js 第三方庫 k...

路由事件的演變史 寫在真正學習路由事件之前

這是乙個很長的文章 儘管在下班之前 我編輯了足足快乙個下午的時間,但是後來發現瀏覽的時候 ie會報錯。於是乾脆製作成pdf格式 方便更多人閱讀。就不在這兒貼的滿滿都是 以滿足我個人的小小虛榮了。這篇文章 實際上是我寫路由事件之前的思考。事件其實總是乙個很讓人嚮往的話題,也是乙個 很有意思的話題。而我...