window.addEventListener和document.addEventListener區別
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <script> window.addEventListener('click',function(){ console.log('window addEventListener'); },false); document.addEventListener('click',function(){ console.log('document addEventListener') },false); </script> </body></html> 介面上點選一個button按鈕，button實際上是被body“包裹”起來的，body是被html“包裹”起來的，html是被document“包裹”起來的，document是被window“包裹”起來的。所以，在你的滑鼠點下去的時候，最先獲得這個點選的是最外面的window，然後經過一系列傳遞才會傳到最後的目標button，當傳到button的時候，這個事件又會像水底的泡泡一樣慢慢往外層穿出，直到window結束。
相關推薦
window.addEventListener和document.addEventListener區別
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=
window.onload和document.ready區別
{} 並且 包括 () 區別 執行 元素 不能 如果 1.執行時間 window.onload必須等到頁面內包括圖片的所有元素加載完畢後才能執行。 $(document).ready()是DOM結構繪制完畢後就執行，不必等到加載完畢。 2.編
$(window).scrollTop()和$(document).scrollTop()區別
$(window).scrollTop()和$(document).scrollTop()具有相同的效果，都為返回滾動條的垂直位置,但是$(window).scrollTop()被所有瀏覽器支援。 單
addEventListener和attachEvent的區別（轉載）
att ont tar key light chrom 我想 target win attachEvent 與addEventListener到底有什麽區別呢？總結如下： 一、適應的瀏覽器版本不同 attachEvent——兼容：IE7、IE8；不兼容firefox、chr
中文輸入法觸發input事件 js繫結事件:addEventListener和on的區別 select下拉框用empty()方法 清空option
中文輸入法觸發input事件 compositionstart 當瀏覽器有非直接的文字輸入時, compositionstart事件觸發. compositionend 當瀏覽器是直接的文字輸入時, compositionend事件觸發 解決方法： 這裡還有一個問題： 在有些瀏
window.innerWidth和document.body.clientWidth的區別
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="te
addEventListener和attachEvent的區別
addEventListener共有3個引數，如下所示：element.addEventListener(type,listener,useCapture);引數引數說明element要繫結事件的物件，及HTML節點。type事件名稱，注意去掉事件前邊的“on”，比如“onclick”要寫成“click”，“
window.onload和$(function(){})的區別介紹
ima .com () 技術 func load ont cnblogs win 詳細介紹參考《鋒利的JQ》window.onload和$(function(){})的區別介紹
window.onload和document.ready
一次 同時 完成 ava 執行 簡化 dom spa span 瀏覽器解析大致有以下幾個步驟： （1） 解析HTML結構 （2） 加載外部腳本和樣式 （3） 解析並執行腳本代碼 （4） 構造HTML DOM 模型 （5）
父視窗獲取iframe子視窗window物件和document物件的方法
轉發：https://blog.csdn.net/jarniyy/article/details/62424919var iframe=document.getElementById("xxx");//父視窗獲取iframe子視窗物件var iframew=iframe.co
angular實現window.onload和$(document).ready
轉自：http://blog.51yip.com/jsjquery/1599.html 習慣了window.onload(),$(document).ready()，現在換成別的了，還真有點不習慣了。下面說一下常用的4種情況。 1，html中直接寫 檢視複製列印
addEventListener的click和onclick的區別
ner 圖片 attribute 第一次 event對象 重新 有關 con alert 前兩節都和addEventListener的click有關，於是在想它與onclick有什麽區別呢，自己調試了一下，網上也有相關資料 事件綁定 onclick綁定方式 優點： -
普通方式繫結事件 和 用ADDEVENTLISTENER 新增事件有什麼區別
2、addEventListener方式，不支援低版本IE。3、普通方式繫結事件後，不可以取消；addEventListener繫結後，可以用removeEvenListener 取消；4、addEventListener的用法：target.addEventListener(type, listener,
普通繫結事件和用 addEventListener 新增事件有什麼區別？
一、onclick 新增事件不能繫結多個事件，後面繫結的會覆蓋前面的。 二、addEventListener 能新增多個事件繫結，按順序執行。 三、addEventLis
window.onload的加載和$(document).read()
第一個 nbsp 兩個 nload 一個 window document 元素 結果 1、執行時機： window.onload :必須等到網頁中所有的內容加載完之後才執行。 $(document).read():網頁中所有的DOM結構執行完畢後。可
window.screen.height和window.screen.availHeight和document.body.clientHeight和document.documentElement.clientHeight
有關 screen 意思 研究 調試 str code 補充 tro 說這幾個屬性前 我說一下我的設備 我的設備有兩個，一個高度為1080的顯示器，一個高度為800的電腦 第一種：window.screen.height 這個方法是獲取用戶電腦屏幕的高度，是不關瀏覽器或
【轉】document.documentElement和document.body的區別
指定 absolut root pos absolute 使用 對象 但是 height 網頁中獲取滾動條卷去部分的高度，可以通過 document.body.scrollTop 來獲取，比如使div跟著滾動條滾動： <div id="div" style="wi
$(document).ready(function(){}), $().ready(function(){})和$(function(){})三者區別
之間 jquer bsp fun 頁面加載 選擇 pan 無需 操作 當 DOM（文檔對象模型） 已經加載，並且頁面（包括圖像）已經完全呈現時，會發生 ready 事件。ready() 函數僅能用於當前文檔，因此無需選擇器。所以document選擇器可以不要，那麽就可以寫成
window.onload和JQuery中$(function(){})的區別即其實現原理
當前 blog 原理 image 改變 argument 原生js cti state 一、區別 window.onload是在DOM樹加載完成之後（DOM樹加載完不代表全部資源加載完，例如圖片，音頻和視頻等還沒加載）執行的。 在Jquery中$(function(){ }
innerHTML、innerText和document.write的區別
重繪 頁面 自動 原因 一個 內容 tco ont firefox innerHTML：頁面獲取內容的時候，會把標簽也獲取到，就是標簽會渲染到頁面上，如果內容中有標簽，會解析標簽。 innerText：頁面獲取內容的時候，會把標簽過濾掉，會對標簽進行轉義。 *老版本的fir