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

資訊專欄INFORMATION COLUMN

初步理解JS中的事件

hzc / 1503人閱讀

摘要：事件什么是事件與之間的交互是通過事件來(lái)實(shí)現(xiàn)的。事件屬性的元素屬性在的元素中可以直接添加事件的屬性這種方法雖然簡(jiǎn)單，但是耦合度高，沒有做到和的有效分離。設(shè)置事件的處理函數(shù)這里居然是個(gè)按鈕事件屬性在的的對(duì)象，也可以直接設(shè)置事件屬性。

事件 什么是事件

JavaScript與HTML之間的交互是通過事件來(lái)實(shí)現(xiàn)的。事件，就是文檔或?yàn)g覽器窗口中發(fā)生的一些特定的交互瞬間。簡(jiǎn)單來(lái)說，事件就是瀏覽器告知JavaScript程序用戶的行為。

事件屬性 HTML的元素屬性

在HTML的元素中可以直接添加事件的屬性,這種方法雖然簡(jiǎn)單，但是耦合度高，沒有做到JavaScript和HTML的有效分離。而且只能作用在當(dāng)前元素。
示例代碼如下：


//在HTML元素后添加屬性元素，屬性值為函數(shù)名。
DOM事件屬性

在DOM的的對(duì)象，也可以直接設(shè)置事件屬性。這種方法可以綁定多個(gè)元素，并且耦合度較低。
示例代碼如下：
事件監(jiān)聽器

在DOM對(duì)象中，提供了addEventListener（）方法，被稱為添加事件監(jiān)聽器，同時(shí)也可以設(shè)置事件屬性。該方法存在著瀏覽器的兼容問題。IE8以下的版本不支持。
示例代碼如下：

在IE8以下版本的瀏覽器中，不支持addEventLisner（）的方法，但是提供了attachEvent（）的方法。
示例代碼如下：

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

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

相關(guān)文章

  • jQuery（一）-- 初步了解

    摘要：一初步了解介紹由創(chuàng)建于年一月的開源項(xiàng)目，憑借著跨平臺(tái)的兼容性，簡(jiǎn)潔的語(yǔ)法，極大的簡(jiǎn)化了人員遍歷文檔，操作，處理事件，執(zhí)行動(dòng)畫，和開發(fā)的操作。只建立一個(gè)名為的對(duì)象。對(duì)發(fā)生在同一個(gè)對(duì)象上的一組動(dòng)作，可以直接連寫無(wú)需重復(fù)獲取對(duì)象。 jQuery（一）-- 初步了解 jQuery介紹 由John Resig創(chuàng)建于2006年一月的開源項(xiàng)目，jQuery憑借著跨平臺(tái)的兼容性，簡(jiǎn)潔的語(yǔ)法，極大的簡(jiǎn)...

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

  • 結(jié)合源碼徹底理解 react事件機(jī)制原理 01 - 對(duì)事件機(jī)制的初步理解和驗(yàn)證

    摘要：前言這是事件機(jī)制的第一篇，主要內(nèi)容有表象理解，驗(yàn)證，意義和思考。因?yàn)楹铣墒录挠|發(fā)是基于瀏覽器的事件機(jī)制來(lái)實(shí)現(xiàn)的，通過冒泡機(jī)制冒泡到最頂層元素，然后再由統(tǒng)一去處理。合成事件的阻止冒泡不會(huì)影響原生事件。 showImg(https://segmentfault.com/img/bVbtvP2?w=800&h=420); 前言 這是 react 事件機(jī)制的第一篇，主要內(nèi)容有：表象理解，驗(yàn)證...

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

  • vuex在重構(gòu)Cnode項(xiàng)目中的運(yùn)用

    摘要：定義需要狀態(tài)的參數(shù)變量，狀態(tài)變更用于改變的狀態(tài)，注意中是不能直接改變中的狀態(tài)的，一定要借助于的事件分發(fā)。而在中進(jìn)行事件的分發(fā)就可以進(jìn)行異步操作。當(dāng)然還有許多的地方可以用到，比如說在本項(xiàng)目的彈窗組件也用到了，來(lái)根據(jù)具體情境顯示對(duì)應(yīng)的提示文本。 寫在文章前： 在第一版初步實(shí)現(xiàn)cnode的基本功能后，本來(lái)是用本地存儲(chǔ)的存儲(chǔ)用戶登錄成功返回的用戶的基本信息，用于后面的回復(fù)功能，查看信息等操作需...

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

  • handsontable初步認(rèn)知

    摘要：待更新左上角單元格賦值問題，通過改源碼實(shí)現(xiàn)。下拉單元格高度修改，定位元素修改時(shí)下拉列表的最后一個(gè)顯示不全，有。 hansontable簡(jiǎn)介 是一個(gè)在線類似Excel的表格編輯器,支持豐富的展現(xiàn)和交互,有多樣的單元格類型供配置。 核心是由原生JavaScript構(gòu)建,充分模塊化,支持自定義build。 除了核心表格渲染(實(shí)質(zhì)就是js操作table,計(jì)算元素位置,自定義綁定事件處理),大部...

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

  • handsontable初步認(rèn)知

    摘要：待更新左上角單元格賦值問題，通過改源碼實(shí)現(xiàn)。下拉單元格高度修改，定位元素修改時(shí)下拉列表的最后一個(gè)顯示不全，有。 hansontable簡(jiǎn)介 是一個(gè)在線類似Excel的表格編輯器,支持豐富的展現(xiàn)和交互,有多樣的單元格類型供配置。 核心是由原生JavaScript構(gòu)建,充分模塊化,支持自定義build。 除了核心表格渲染(實(shí)質(zhì)就是js操作table,計(jì)算元素位置,自定義綁定事件處理),大部...

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

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

0條評(píng)論

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