国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專(zhuān)欄INFORMATION COLUMN

【JavaScript】DOM之事件

Forelax / 2136人閱讀

摘要:事件事件是什么讓知道程序用戶行為,比如用戶點(diǎn)擊頁(yè)面中的某個(gè)按鈕和用戶輸入用戶名與密碼等操作獲取按鈕元素事件綁定你已點(diǎn)了我注冊(cè)事件函數(shù)與指定事件相關(guān)聯(lián),被綁定函數(shù)成為事件的句柄事件被激發(fā)時(shí),會(huì)綁定函數(shù)會(huì)被調(diào)用元素的事件屬性表示實(shí)注冊(cè)事件功能該

DOM

事件 1.事件是什么

讓JS知道程序用戶行為,比如用戶點(diǎn)擊HTML頁(yè)面中的某個(gè)按鈕和用戶輸入用戶名與密碼等操作

 

2.注冊(cè)事件
JS函數(shù)與指定事件相關(guān)聯(lián),被綁定函數(shù)成為事件的句柄
事件被激發(fā)時(shí),會(huì)綁定函數(shù)會(huì)被調(diào)用

HTML元素的事件屬性

表示實(shí)注冊(cè)事件功能
該方式并沒(méi)有與HTML結(jié)構(gòu)與行為有效的分離




DOM對(duì)象的事件屬性

將Document對(duì)象定位在THML頁(yè)面元素
并返回DOM對(duì)象體屬性,通過(guò)它實(shí)現(xiàn)各種注冊(cè)事件功能




事件監(jiān)聽(tīng)器

以addEvantLisener()方法,調(diào)用該方法表示元素增加事件監(jiān)聽(tīng)器

body>



事件監(jiān)聽(tīng)器中的this

使用addEventListener()方法為頁(yè)面注冊(cè)事件時(shí)候,this是指注冊(cè)事件元素
使用attachEent()方法為頁(yè)面注冊(cè)事件時(shí)候,this是指Window對(duì)象,,不是注冊(cè)事件


3.移除注冊(cè)事件

removeEventListener()方法,調(diào)用此方法表示元素移除事件聽(tīng)器




4.Event事件對(duì)象

表示移除注冊(cè)事件在IE8之前版本的
瀏覽器不支持removeEventListener()方法



5.獲取目標(biāo)

Event事件對(duì)象提供target屬性,獲取觸發(fā)當(dāng)前事件的HTML元素
Event事件對(duì)象提供currentTarget屬性,獲取注冊(cè)當(dāng)前事件的HTML元素






6.阻止默認(rèn)行為

不使用默認(rèn),而是


鏈接

7.獲取鼠標(biāo)

pageX和pageY表示相對(duì)于頁(yè)面中
clientX和clientY表示可視區(qū)域
screenX和screenY表示在當(dāng)前屏幕的



8.事件流



9.事件委托

大量的HTML元素注冊(cè)相同事件,并事件句柄邏輯安全相同,會(huì)造成頁(yè)面速度下降,不果事件流允許這些HTML元素同父級(jí)元素注冊(cè)事件


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

轉(zhuǎn)載請(qǐng)注明本文地址:http://m.specialneedsforspecialkids.com/yun/52958.html

相關(guān)文章

  • 瀏覽器內(nèi)核 HTML 解釋器和 DOM 模型

    摘要:書(shū)接上文瀏覽器內(nèi)核之資源加載與網(wǎng)絡(luò)棧本文介紹的模型之后,深入的核心部分,剖析的解釋器是如何將從網(wǎng)絡(luò)或者本地文件獲取的字節(jié)流轉(zhuǎn)成內(nèi)部表示的結(jié)構(gòu)樹(shù)。事件處理最重要就是事件捕獲和事件冒泡這兩種機(jī)制。 showImg(https://segmentfault.com/img/remote/1460000016215814); 微信公眾號(hào):愛(ài)寫(xiě)bugger的阿拉斯加如有問(wèn)題或建議,請(qǐng)后臺(tái)留言,我...

    Carbs 評(píng)論0 收藏0
  • javascript事件 核心問(wèn)答(持續(xù)更新)

    摘要:事件捕獲的用意在于事件到達(dá)預(yù)定目標(biāo)之前捕獲它。級(jí)事件流規(guī)定的事件流包括三個(gè)階段事件捕獲階段處于目標(biāo)階段和冒泡階段。首先發(fā)生的是事件捕獲,為截獲事件提供了機(jī)會(huì)。最后一個(gè)階段是冒泡階段,可以在這個(gè)階段對(duì)事件作出響應(yīng)。 一.基本概念:事件流是什么?有哪些事件流? 事件流是描述頁(yè)面接收事件的順序 具體的有 事件冒泡 事件捕獲 DOM事件流 事件冒泡又叫IE的事件流,即事件...

    BakerJ 評(píng)論0 收藏0
  • JavaScript系列事件詳解

    摘要:響應(yīng)某個(gè)事件的函數(shù)就叫事件處理程序或事件偵聽(tīng)器。為事件指定事件處理程序的方法主要有種。事件處理程序事件直接加在元素上。事件委托利用冒泡的原理,把事件加到父元素或祖先元素上,觸發(fā)執(zhí)行效果,解決事件處理程序過(guò)多問(wèn)題。事件委托優(yōu)點(diǎn)提高性能。 JavaScript簡(jiǎn)單入門(mén)可以看看我丑丑的Github博客JavaScript簡(jiǎn)單入門(mén) 事件 JavaScript與HTML之間的交互是通過(guò)事件實(shí)現(xiàn)的...

    pakolagij 評(píng)論0 收藏0
  • javascript高級(jí)程序設(shè)計(jì)》事件

    摘要:特性這樣指定事件處理程序具有一些獨(dú)到之處。級(jí)事件處理程序通過(guò)獲得要操作對(duì)象的引用,用把一個(gè)函數(shù)賦值給一個(gè)事件處理程序?qū)傩裕热纭R赃@種方式添加的事件處理程序會(huì)在事件流的冒泡階段被捕獲。級(jí)事件處理程序級(jí)事件定義了兩個(gè)方法,。 一、事件處理程序 響應(yīng)某個(gè)事件的函數(shù)叫做事件處理程序(或事件偵聽(tīng)器),為事件指定處理程序的方式有下面幾種。 1、html特性 這樣指定事件處理程序具有一些獨(dú)到之處...

    Render 評(píng)論0 收藏0
  • JavaScript DOM [ 事件 ]

    摘要:事件描述事件是瀏覽器告知程序用戶的行為事件屬性的元素屬性元素可以直接添加事件屬性在頁(yè)面中添加事件屬性屬性值為函數(shù)名按鈕在頁(yè)面設(shè)置事件屬性該事件作用在當(dāng)前元素,不能綁定多個(gè)并且沒(méi)能使頁(yè)面結(jié)構(gòu)與之間存在有效分離設(shè)置事件處理函數(shù)娃哈哈哈 事件 描述 事件是瀏覽器告知JavaScript程序用戶的行為 事件屬性 HTML的元素屬性 HTML元素可以直接添加事件屬性 body> 按鈕 ...

    xuxueli 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

Forelax

|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<