【JavaScript】DOM之事件

Panda 發布于2019-08-23 11:40 / 3064人閱讀

摘要：事件事件是什么讓知道程序用戶行為，比如用戶點擊頁面中的某個按鈕和用戶輸入用戶名與密碼等操作獲取按鈕元素事件綁定你已點了我注冊事件函數與指定事件相關聯，被綁定函數成為事件的句柄事件被激發時，會綁定函數會被調用元素的事件屬性表示實注冊事件功能該

DOM

事件 1.事件是什么

讓JS知道程序用戶行為，比如用戶點擊HTML頁面中的某個按鈕和用戶輸入用戶名與密碼等操作

2.注冊事件
JS函數與指定事件相關聯，被綁定函數成為事件的句柄
事件被激發時，會綁定函數會被調用

HTML元素的事件屬性

表示實注冊事件功能
該方式并沒有與HTML結構與行為有效的分離

DOM對象的事件屬性

將Document對象定位在THML頁面元素
并返回DOM對象體屬性，通過它實現各種注冊事件功能

事件監聽器

以addEvantLisener()方法，調用該方法表示元素增加事件監聽器

body>

事件監聽器中的this

使用addEventListener()方法為頁面注冊事件時候，this是指注冊事件元素
使用attachEent()方法為頁面注冊事件時候，this是指Window對象，，不是注冊事件

3.移除注冊事件

removeEventListener()方法，調用此方法表示元素移除事件聽器

4.Event事件對象

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

5.獲取目標

Event事件對象提供target屬性，獲取觸發當前事件的HTML元素
Event事件對象提供currentTarget屬性，獲取注冊當前事件的HTML元素





    單機游戲
    網絡游戲
    手機游戲

6.阻止默認行為

不使用默認，而是


鏈接

7.獲取鼠標

pageX和pageY表示相對于頁面中
clientX和clientY表示可視區域
screenX和screenY表示在當前屏幕的

8.事件流

9.事件委托

大量的HTML元素注冊相同事件，并事件句柄邏輯安全相同，會造成頁面速度下降，不果事件流允許這些HTML元素同父級元素注冊事件

GPU云服務器云服務器 javascript_dom事件 DOM事件 dom事件管理 dom事件冒泡

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/97288.html

瀏覽器內核之 HTML 解釋器和 DOM 模型

摘要：書接上文瀏覽器內核之資源加載與網絡棧本文介紹的模型之后，深入的核心部分，剖析的解釋器是如何將從網絡或者本地文件獲取的字節流轉成內部表示的結構樹。事件處理最重要就是事件捕獲和事件冒泡這兩種機制。 showImg(https://segmentfault.com/img/remote/1460000016215814); 微信公眾號：愛寫bugger的阿拉斯加如有問題或建議，請后臺留言，我...

Carbs 2019-08-02 16:04 評論0 收藏0
javascript事件之核心問答(持續更新)

摘要：事件捕獲的用意在于事件到達預定目標之前捕獲它。級事件流規定的事件流包括三個階段事件捕獲階段處于目標階段和冒泡階段。首先發生的是事件捕獲，為截獲事件提供了機會。最后一個階段是冒泡階段，可以在這個階段對事件作出響應。一.基本概念:事件流是什么?有哪些事件流? 事件流是描述頁面接收事件的順序具體的有事件冒泡事件捕獲 DOM事件流事件冒泡又叫IE的事件流，即事件...

BakerJ 2019-08-21 10:33 評論0 收藏0
JavaScript系列之事件詳解

摘要：響應某個事件的函數就叫事件處理程序或事件偵聽器。為事件指定事件處理程序的方法主要有種。事件處理程序事件直接加在元素上。事件委托利用冒泡的原理，把事件加到父元素或祖先元素上，觸發執行效果，解決事件處理程序過多問題。事件委托優點提高性能。 JavaScript簡單入門可以看看我丑丑的Github博客JavaScript簡單入門事件 JavaScript與HTML之間的交互是通過事件實現的...

pakolagij 2019-08-21 17:16 評論0 收藏0
《javascript高級程序設計》之事件

摘要：特性這樣指定事件處理程序具有一些獨到之處。級事件處理程序通過獲得要操作對象的引用，用把一個函數賦值給一個事件處理程序屬性，比如。以這種方式添加的事件處理程序會在事件流的冒泡階段被捕獲。級事件處理程序級事件定義了兩個方法，。一、事件處理程序響應某個事件的函數叫做事件處理程序（或事件偵聽器），為事件指定處理程序的方式有下面幾種。 1、html特性這樣指定事件處理程序具有一些獨到之處...

Render 2019-08-26 11:51 評論0 收藏0
JavaScript 之 DOM [ 事件 ]

摘要：事件描述事件是瀏覽器告知程序用戶的行為事件屬性的元素屬性元素可以直接添加事件屬性在頁面中添加事件屬性屬性值為函數名按鈕在頁面設置事件屬性該事件作用在當前元素，不能綁定多個并且沒能使頁面結構與之間存在有效分離設置事件處理函數娃哈哈哈事件描述事件是瀏覽器告知JavaScript程序用戶的行為事件屬性 HTML的元素屬性 HTML元素可以直接添加事件屬性 body> 按鈕 ...

xuxueli 2019-08-23 11:39 評論0 收藏0