成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

001-DOM事件

孫吉亮 / 3017人閱讀

摘要：決定還是繼續(xù)寫博客，記錄工作學(xué)習(xí)中遇到的問題，每天晚上對學(xué)習(xí)和遇到的問題進(jìn)行總結(jié)。

決定還是繼續(xù)寫博客，記錄工作學(xué)習(xí)中遇到的問題，每天晚上對學(xué)習(xí)和遇到的問題進(jìn)行總結(jié)。

1.DOM事件

1.HTML事件處理程序
2.DOM的0級事件（把一個函數(shù)函數(shù)賦值給一個事件處理程序?qū)傩裕?b>element.onclick(function(){})
3.DOM的二級事件(element.addEventListener(type,fn,false),（false添加到冒泡階段）、
element.attachEvent(type,fn,false))

2.封裝一個對象兼容各種瀏覽器 
    var EventUtil = {
        addEvent: function (element, type, fn) {
            if (element.addEventListener) {
                element.addEventListener(type, fn, false);
            } else if (element.attachEvent) {
                element.attachEvent("on" + type, fn);  //兼容IE
            } else { 
                element["on" + type] = fn;      //DOM的0級
            }
        },

        removeEvent: function (element, type, fn) {
            if (element.removeEventListener) {
                element.removeEventListener(type, fn, false);
            } else if (element.detachEvent) {
                element.detachEvent("on" + type, fn);
            } else { 
                element["on" + type] = null;
            }
        }
    }
3.小例子

HTML結(jié)構(gòu)

JS代碼
我們現(xiàn)在給這個按鈕添加事件

//隨便寫一個函數(shù)，假設(shè)觸發(fā)這個按鈕的點(diǎn)擊事件后，會調(diào)用這個函數(shù)

    function showMsg(event) {
        alert(event.target.nodeName);  //會把綁定這個事件的標(biāo)簽的名字顯示出來
        event.stopPropagation();      //阻止冒泡
        event.preventDefault();       //阻止默認(rèn)行為
    }
    
    //獲取這個按鈕
    var btn0 = document.getElementById("btn0");
    //調(diào)用上面寫的封裝的函數(shù)綁定事件
    EventUtil.addEvent(btn0, "click", showMsg);
4.總結(jié)

主要是回顧了一下DOM事件，后面又做了兩個小練習(xí)
1.封裝事件處理
2.event事件對象

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/112306.html

相關(guān)文章

  • 001-DOM事件

    摘要：決定還是繼續(xù)寫博客，記錄工作學(xué)習(xí)中遇到的問題，每天晚上對學(xué)習(xí)和遇到的問題進(jìn)行總結(jié)。 決定還是繼續(xù)寫博客，記錄工作學(xué)習(xí)中遇到的問題，每天晚上對學(xué)習(xí)和遇到的問題進(jìn)行總結(jié)。 1.DOM事件 1.HTML事件處理程序2.DOM的0級事件（把一個函數(shù)函數(shù)賦值給一個事件處理程序?qū)傩裕〆lement.onclick(function(){})3.DOM的二級事件(element.addEventLi...

    h9911 評論0 收藏0

  • 001-DOM事件

    摘要：決定還是繼續(xù)寫博客，記錄工作學(xué)習(xí)中遇到的問題，每天晚上對學(xué)習(xí)和遇到的問題進(jìn)行總結(jié)。 決定還是繼續(xù)寫博客，記錄工作學(xué)習(xí)中遇到的問題，每天晚上對學(xué)習(xí)和遇到的問題進(jìn)行總結(jié)。 1.DOM事件 1.HTML事件處理程序2.DOM的0級事件（把一個函數(shù)函數(shù)賦值給一個事件處理程序?qū)傩裕〆lement.onclick(function(){})3.DOM的二級事件(element.addEventLi...

    BDEEFE 評論0 收藏0

  • 5、React組件事件詳解

    摘要：組件事件響應(yīng)在構(gòu)建虛擬的同時，還構(gòu)建了自己的事件系統(tǒng)且所有事件對象和規(guī)范保持一致。的事件系統(tǒng)和瀏覽器事件系統(tǒng)相比，主要增加了兩個特性事件代理和事件自動綁定。 React組件事件響應(yīng) React在構(gòu)建虛擬DOM的同時，還構(gòu)建了自己的事件系統(tǒng)；且所有事件對象和W3C規(guī)范保持一致。 React的事件系統(tǒng)和瀏覽器事件系統(tǒng)相比，主要增加了兩個特性：事件代理、和事件自動綁定。 1、事件代理 ...

    Ververica 評論0 收藏0

  • 詳解JS事件 - 事件模型/事件流/事件代理/事件對象/自定義事件

    摘要：取消事件的默認(rèn)行為。阻止事件的派發(fā)包括了捕獲和冒泡阻止同一個事件的其他監(jiān)聽函數(shù)被調(diào)用。 事件模型 DOM0 級事件模型 -沒有事件流，這種方式兼容所有瀏覽器 // 方式一 將事件直接通過屬性綁定在元素上 / 方式二 獲取到頁面元素后，通過 onclick 等事件，將觸發(fā)的方法指定為元素的事件 var btn = document.getElementById(btn) btn....

    URLOS 評論0 收藏0

  • [學(xué)習(xí)筆記] 事件（上篇）

    摘要：指定事件處理程序指定事件處理程序主要有兩種方式級事件處理程序級事件處理程序。添加事件處理程序注意這里是哦或移除事件處理程序使用移除事件處理程序的條件與方法相同必須提供相同的參數(shù)，從而添加的匿名函數(shù)也無法被移除。 今天看書又看到事件，遂決定小總結(jié)一下~ JavaScript與HTML之間的交互是通過事件實(shí)現(xiàn)的。事件，就是文檔或?yàn)g覽器窗口中發(fā)生的一些特定的交互瞬間?？梢允褂帽O(jiān)聽器（事件處...

    wangym 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<