国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

JS傳播事件、取消事件默認行為、阻止事件傳播詳解

2024-05-06 15:13:02
字體:
來源:轉載
供稿:網友

1.事件處理程序的返回值 

      通常情況下,返回值false就是告訴瀏覽器不要執行這個事件相關的默認操作。例如,表單提交按鈕的onclick事件處理程序能通過返回false阻止瀏覽器提交表單,再如a標簽的onclick事件處理程序通過返回false阻止跳轉href頁面。類似地,如果用戶輸入不合適的字符,輸入域上的onkeypress事件處理程序能通過返回false來過濾鍵盤輸入。 
      事件處理程序的返回值只對通過屬性注冊的處理程序才有意義。

2.調用順序

      文檔元素或其他對象可以為指定事件類型注冊多個事件處理程序。當適當的事件發生時,瀏覽器必須按照如下規則調用所有的事件處理程序:

通過設置對象屬性或HTML屬性注冊的處理程序一直優先調用。
使用addEventListener()注冊的處理程序按照它們的注冊順序調用。
使用attachEvent()注冊的處理程序可能按照任何順序調用,所以代碼不應該依賴于調用順序

3.事件傳播

  在調用在目標元素上注冊的事件處理函數后,大部分事件會“冒泡”到DOM樹根。調用目標的父元素的事件處理程序,然后調用在目標的祖父元素上注冊的事件處理程序。這會一直到Document對象,最后到達Window對象。

  發生在文檔元素上的大部分事件都會冒泡,值得注意的例外是focus、blur和scroll事件。文檔元素的load事件會冒泡,但它會在Document對象上停止冒泡而不會傳播到Window對象。只有當整個文檔都加載完畢時才會觸發Window對象的load事件。

4.取消事件默認行為、阻止事件傳播

      在支持addEventListener()的瀏覽器中,可以通過調用事件對象的preventDefault()方法取消事件的默認操作。IE9之前的IE中,可以通過設置事件對象的returnValue屬性為false達到同樣的效果。下面一段代碼是結合三種技術取消事件:

function cancelHandler(event){ var event=event||window.event;//兼容IE //取消事件相關的默認行為 if(event.preventDefault) //標準技術 event.preventDefault(); if(event.returnValue) //兼容IE9之前的IE event.returnValue=false; return false; //用于處理使用對象屬性注冊的處理程序}

取消事件相關的默認操作只是事件取消中的一種,我們也能取消事件傳播。在支持addEventListener()的瀏覽器中,可以調用事件對象的stopPropagation()方法以阻止事件的繼續傳播。如果在同一對象上定義了其他處理程序,剩下的處理程序將依舊被調用,但調用stopPropagation()之后任何其他對象上的事件處理程序將不會被調用。

 IE9之前的IE不支持stopPropagation()方法,而是設置事件對象cancelBubble屬性為true來實現阻止事件進一步傳播。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 南充市| 双江| 唐海县| 彭州市| 新巴尔虎左旗| 无为县| 镇远县| 临朐县| 平乡县| 普宁市| 南郑县| 长沙县| 东海县| 泗水县| 龙游县| 寿光市| 保靖县| 安达市| 精河县| 北京市| 蒲城县| 巨野县| 朝阳市| 竹北市| 普格县| 滕州市| 镇原县| 娄烦县| 三门县| 阳朔县| 故城县| 建昌县| 垣曲县| 文安县| 泸州市| 大余县| 襄汾县| 泰宁县| 洛川县| 呼和浩特市| 蒲城县|