初步理解JS中的事件

hzc 發(fā)布于2019-08-23 11:40 / 1510人閱讀

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

事件 什么是事件

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

事件屬性 HTML的元素屬性

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


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

DOM事件屬性

在DOM的的對象，也可以直接設置事件屬性。這種方法可以綁定多個元素，并且耦合度較低。
示例代碼如下：

事件監(jiān)聽器

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

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

云服務器 GPU云服務器 js事件監(jiān)聽怎么理解中的事件你理解中的云服務器ecs是什么 asp中的事件處理

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/97287.html

相關(guān)文章

jQuery（一）-- 初步了解

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

quietin 2019-08-26 10:43 評論0 收藏0
結(jié)合源碼徹底理解 react事件機制原理 01 - 對事件機制的初步理解和驗證

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

muddyway 2019-08-23 17:57 評論0 收藏0
vuex在重構(gòu)Cnode項目中的運用

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

trilever 2019-08-20 10:42 評論0 收藏0
handsontable初步認知

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

mrcode 2019-08-20 14:13 評論0 收藏0
handsontable初步認知

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

wslongchen 2019-08-01 16:16 評論0 收藏0