摘要:那么我們用事件委托的方式做從上面我們可以看出我們只給父級一個事件,那么我們在劃過每一個的時候,每次只執行一次操作。
事件委托(事件代理) 概述
var lis = document.getElementsByTagName("li") for(var i=0,l=lis.length;i上面代碼的意思很簡單,首先要找到ul,然后遍歷li,然后劃過那個li的時候,又要找一次li的位置,每次劃過都要找。如果我們自動追li的時候,每追加一次我們就得寫一次for,我們將消耗太多的內存。
那么我們用事件委托的方式做
window.onload = function(){ var oUl = document.getElementById("ul1"); oUl.onmousemove= function(ev){ var oEvent = ev || window.event; var target = oEvent.target || oEvent.srcElement; target.className="light"; } oUl.onmouseout = function(ev){ var oEvent = ev || window.event; var target = oEvent.target || oEvent.srcElement; target.className=""; } }從上面我們可以看出我們只給li父級一個事件,那么我們在劃過每一個li的時候,每次只執行一次dom操作。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/91398.html
摘要:源碼源碼行被點擊了點擊了,即委托的事件被點擊了優先添加委托,再添加其他即委托在上的事件數量在下標為的位置插入委托事件解析可以看到,是優先添加委托事件,再添加自身事件,觸發事件的時候也是按這個順序。 showImg(https://segmentfault.com/img/remote/1460000019419722); 前言:請先回顧下我之前寫的一篇文章:JavaScript之事件委...
摘要:說明這篇文章說中的事件委托,這次先說一些比較基本的知識。第一段綁定了兩次事件,第二段綁定了一次事件也就是說,原來在上綁定的事件,現在委托在了父元素上,而在上只需要綁定一次就可以了。我們用事件委托的方式,再來改改。 說明 這篇文章說JavaScript中的事件委托,這次先說一些比較基本的知識。 事件委托 是什么 先來看看事件委托的概念 事件委托就是利用事件冒泡,只指定一個事件處理程序,就...
摘要:說明這篇文章說中的事件委托,這次先說一些比較基本的知識。第一段綁定了兩次事件,第二段綁定了一次事件也就是說,原來在上綁定的事件,現在委托在了父元素上,而在上只需要綁定一次就可以了。我們用事件委托的方式,再來改改。 說明 這篇文章說JavaScript中的事件委托,這次先說一些比較基本的知識。 事件委托 是什么 先來看看事件委托的概念 事件委托就是利用事件冒泡,只指定一個事件處理程序,就...
摘要:前言之前不太明白事件委托??戳诉@個帖子,跟著代碼操作了一遍,終于明白了事件委托。推薦理由一步一步,漸進式分析來說明事件委托。為簽收快遞,有兩種辦法一是三個人在公司門口等快遞二是委托給前臺代為簽收。 前言:之前不太明白事件委托。 看了這個帖子,跟著代碼操作了一遍,終于明白了事件委托。所以轉載。 推薦理由:一步一步,漸進式分析來說明事件委托。 什么叫事件委托呢?它還有一個名字叫事件代理 ...
閱讀 2796·2021-11-16 11:44
閱讀 969·2021-10-09 09:58
閱讀 4489·2021-09-24 09:48
閱讀 4253·2021-09-23 11:56
閱讀 2408·2021-09-22 15:48
閱讀 1892·2021-09-07 10:07
閱讀 3204·2021-08-31 09:46
閱讀 504·2019-08-30 15:56