DOM對象可以設(shè)置事件屬性
事件監(jiān)聽器
DOM對象提供的 addEventListener()方法
事件監(jiān)聽器也可以設(shè)置事件屬性
該方法有瀏覽器兼容問題
IE8 以下版本不支持
IE8 提供了解決方法
attachEvent()方法
移除綁定事件
removeEventListener()
表示對已綁定的事件進(jìn)行移除
事件對象
Event事件對象
所有設(shè)置事件屬性的方式都能使用
該對象存在于事件處理函數(shù)的參數(shù)中
阻止默認(rèn)行為
event.preventDefault()
表示阻止目標(biāo)元素所綁定的事件運(yùn)行
獲取鼠標(biāo)坐標(biāo) pageX和pageY這是鏈接
表示獲取鼠標(biāo)在頁面中的位置
clientX和clientY
表示獲取鼠標(biāo)在可視窗口中的位置
screenX和screenY
表示獲取鼠標(biāo)在顯示器屏幕中的位置
offsetX和offsetY
表示獲取鼠標(biāo)相對于在父元素中的位置
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/97276.html
摘要:書接上文瀏覽器內(nèi)核之資源加載與網(wǎng)絡(luò)棧本文介紹的模型之后,深入的核心部分,剖析的解釋器是如何將從網(wǎng)絡(luò)或者本地文件獲取的字節(jié)流轉(zhuǎn)成內(nèi)部表示的結(jié)構(gòu)樹。事件處理最重要就是事件捕獲和事件冒泡這兩種機(jī)制。 showImg(https://segmentfault.com/img/remote/1460000016215814); 微信公眾號(hào):愛寫bugger的阿拉斯加如有問題或建議,請后臺(tái)留言,我...
摘要:事件捕獲的用意在于事件到達(dá)預(yù)定目標(biāo)之前捕獲它。級(jí)事件流規(guī)定的事件流包括三個(gè)階段事件捕獲階段處于目標(biāo)階段和冒泡階段。首先發(fā)生的是事件捕獲,為截獲事件提供了機(jī)會(huì)。最后一個(gè)階段是冒泡階段,可以在這個(gè)階段對事件作出響應(yīng)。 一.基本概念:事件流是什么?有哪些事件流? 事件流是描述頁面接收事件的順序 具體的有 事件冒泡 事件捕獲 DOM事件流 事件冒泡又叫IE的事件流,即事件...
摘要:響應(yīng)某個(gè)事件的函數(shù)就叫事件處理程序或事件偵聽器。為事件指定事件處理程序的方法主要有種。事件處理程序事件直接加在元素上。事件委托利用冒泡的原理,把事件加到父元素或祖先元素上,觸發(fā)執(zhí)行效果,解決事件處理程序過多問題。事件委托優(yōu)點(diǎn)提高性能。 JavaScript簡單入門可以看看我丑丑的Github博客JavaScript簡單入門 事件 JavaScript與HTML之間的交互是通過事件實(shí)現(xiàn)的...
摘要:特性這樣指定事件處理程序具有一些獨(dú)到之處。級(jí)事件處理程序通過獲得要操作對象的引用,用把一個(gè)函數(shù)賦值給一個(gè)事件處理程序?qū)傩裕热?。以這種方式添加的事件處理程序會(huì)在事件流的冒泡階段被捕獲。級(jí)事件處理程序級(jí)事件定義了兩個(gè)方法,。 一、事件處理程序 響應(yīng)某個(gè)事件的函數(shù)叫做事件處理程序(或事件偵聽器),為事件指定處理程序的方式有下面幾種。 1、html特性 這樣指定事件處理程序具有一些獨(dú)到之處...
閱讀 1281·2023-04-25 23:22
閱讀 1680·2023-04-25 20:04
閱讀 2654·2021-11-22 15:24
閱讀 2816·2021-11-11 16:54
閱讀 1894·2019-08-30 14:03
閱讀 1493·2019-08-29 16:35
閱讀 1711·2019-08-26 10:29
閱讀 2679·2019-08-23 18:01