<span id="mktg5"></span>

<i id="mktg5"><meter id="mktg5"></meter></i>

        <label id="mktg5"><meter id="mktg5"></meter></label>
        最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
        問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
        當前位置: 首頁 - 科技 - 知識百科 - 正文

        JavaScript中的事件如何進行綁定與解除

        來源:懂視網 責編:小采 時間:2020-11-27 19:29:05
        文檔

        JavaScript中的事件如何進行綁定與解除

        JavaScript中的事件如何進行綁定與解除:本文將分享有關JavaScript事件的綁定與解除,有一定的參考價值,希望對大家有所幫助JavaScript中的事件表示當我們點擊某個 HTML 元素時啟動一段 JavaScript,從而觸發瀏覽器的行為,我們常常需要用到事件的綁定,接下來將和大家詳細分享幾種常見的事件綁定方
        推薦度:
        導讀JavaScript中的事件如何進行綁定與解除:本文將分享有關JavaScript事件的綁定與解除,有一定的參考價值,希望對大家有所幫助JavaScript中的事件表示當我們點擊某個 HTML 元素時啟動一段 JavaScript,從而觸發瀏覽器的行為,我們常常需要用到事件的綁定,接下來將和大家詳細分享幾種常見的事件綁定方
        本文將分享有關JavaScript事件的綁定與解除,有一定的參考價值,希望對大家有所幫助

        JavaScript中的事件表示當我們點擊某個 HTML 元素時啟動一段 JavaScript,從而觸發瀏覽器的行為,我們常常需要用到事件的綁定,接下來將和大家詳細分享幾種常見的事件綁定方法以及如何解除綁定

        事件綁定

        onclick事件

        指鼠標按下時對象被觸發,一個元素只能綁定一個事件

        當鼠標點擊方塊時改變它的背景顏色

        window.onload=function(){
        var div=document.getElementsByTagName("div")[0];
        div.onclick=function(){
        div.style.backgroundColor="pink";
        console.log(1);
        }
        }

        效果圖

        點擊前

        Image 2.jpg

        點擊后

        Image 1.jpg

        addEventListener(event, function, useCapture)

        指向指定元素添加事件句柄,可以添加多個事件,IE9以下不兼容

        event:指定事件名,以字符串的形式存在

        function:指事件觸發時所執行的函數

        useCapture:布爾值,說明事件是否在捕獲或者冒泡階段執行,其中true代表事件句柄在捕獲階段執行,false代表事件句柄在冒泡階段執行,其中false代表默認值

         window.onload=function(){
         var div=document.getElementsByTagName("div")[0];
         div.addEventListener('click',function(){
         	div.style.backgroundColor="pink";
         },false);
         }//用addEventListener綁定一個click事件,當點擊時使背景顏色改變

        注意:在寫事件時注意不要寫on,直接寫click大多數情況下寫false

        attachEvent(event, function)

        一個事件可以綁定多個處理程序,同一個函數也可以綁定多次是IE 獨有的

        event:需要綁定的事件的類型,注意要以on開頭

        function:指事件觸發時所執行的函數

        window.onload=function(){
        var div=document.getElementsByTagName("div")[0];
         div.attachEvent('onclick',function(){
         div.style.backgroundColor="pink";
         });
         }

        注意:程序的運行一定要在IE瀏覽器下。

        解除事件綁定

        onclick =false/null

        onclick事件的解綁通過令它的值為false或者為null解除

        window.onload=function(){
         var div=document.getElementsByTagName("div")[0];
         div.onclick=function(){
         	div.style.backgroundColor="pink";
         }
         div.onclick=null;

        removeEventListener(event, function, useCapture)

        用于解除綁定了addEventListener事件,注意在解除綁定時不能直接寫function,要將函數寫在外部

         window.onload=function(){
         var div=document.getElementsByTagName("div")[0];
         div.addEventListener('click',demo,false);
         function demo(){
         	div.style.backgroundColor="pink";
         }
         div.removeEventListener('click',demo,false);
         }//用addEventListener綁定一個click事件,當點擊時使背景顏色改變

        detachEvent(event, function)

        用于解除attachEvent事件,注意在解除綁定時不能直接寫function,要將函數寫在外部

         window.onload=function(){
         var div=document.getElementsByTagName("div")[0];
         div.attachEvent('onclick',demo);
         function demo(){
         	div.style.backgroundColor="pink";
         }
         div.detachEvent('onclick',demo);
         }

        總結:

        聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

        文檔

        JavaScript中的事件如何進行綁定與解除

        JavaScript中的事件如何進行綁定與解除:本文將分享有關JavaScript事件的綁定與解除,有一定的參考價值,希望對大家有所幫助JavaScript中的事件表示當我們點擊某個 HTML 元素時啟動一段 JavaScript,從而觸發瀏覽器的行為,我們常常需要用到事件的綁定,接下來將和大家詳細分享幾種常見的事件綁定方
        推薦度:
        標簽: 綁定 事件 js
        • 熱門焦點

        最新推薦

        猜你喜歡

        熱門推薦

        專題
        Top
        主站蜘蛛池模板: 国产色婷婷精品免费视频| 亚洲毛片av日韩av无码| 思思99re66在线精品免费观看| 污污污视频在线免费观看| 无码少妇精品一区二区免费动态| 国产乱弄免费视频| 狼色精品人妻在线视频免费| 亚洲 小说区 图片区 都市| 久久久久亚洲av无码尤物| 免费无码av片在线观看| 少妇中文字幕乱码亚洲影视| 欧洲精品99毛片免费高清观看| 国产精品久久免费| 亚洲国产最大av| 日韩免费一区二区三区| 黄页网址在线免费观看| 亚洲AV午夜成人片| 最近中文字幕无免费| 曰韩亚洲av人人夜夜澡人人爽| 亚洲天堂电影在线观看| a在线观看免费视频| 亚洲午夜久久影院| 在线免费视频一区| 一级做a爱过程免费视频高清 | 亚洲日韩精品A∨片无码加勒比| 久久嫩草影院免费看夜色| 久久综合日韩亚洲精品色| 99久久免费国产精品特黄| 久久综合亚洲色hezyo| 免费福利在线播放| 亚洲Aⅴ在线无码播放毛片一线天| 国产特级淫片免费看| 中国一级特黄的片子免费| 亚洲国产精品不卡毛片a在线| 一级毛片a免费播放王色电影 | 国产亚洲美女精品久久久2020| a毛片免费全部在线播放**| 亚洲国产精品日韩在线| 亚洲精品成人在线| 国产91色综合久久免费| 免费国产高清毛不卡片基地 |