首頁(yè) 猿問(wèn) chrome瀏覽器下，e和even...

chrome瀏覽器下，e和event有什么區(qū)別嗎

JavaScript

縹緲止盈 2018-09-20 10:10:09

測(cè)試獲取手指按下抬起的坐標(biāo)的，發(fā)現(xiàn)了很多東西，畢竟之前沒(méi)怎么接觸過(guò)，比如：event.touches[0].clientX（JS原生，適用于JQ，不適用于touchend）event.changedTouches[0].clientX（JS原生，適用于JQ，適用于touchend）e.originalEvent.touches[0].clientX（JQ封裝，不適用于JS，不適用于touchend）e.originalEvent.changedTouches[0].clientX（JQ封裝，不適用于JS，適用于touchend）這個(gè)結(jié)論可能有誤，或者局面性，但是還是放在我的菜鳥(niǎo)tips里，歡迎補(bǔ)充或者糾正。之前聽(tīng)過(guò)e和event的區(qū)別是IE和FF的，不過(guò)一直用的都是chrome，但是e和event卻不能互換，傳參的那個(gè)e也不能省略，很是不能理解e和event的不同，求解答。下面使用js和jq測(cè)試的例子。

查看完整描述

1 回答

慕容3067478

TA貢獻(xiàn)1773條經(jīng)驗(yàn) 獲得超3個(gè)贊

當(dāng)你使用addEventListener的時(shí)候,回調(diào)函數(shù)應(yīng)該加上形參,不管是e或者是event,只要符合變量命名規(guī)則就可以了
就像

var button = document.getElementsById("buttonId")[0];
button.addEventListener("click",function (e){  console.log(e);
});// button.addEventListener("click",function (event){//  console.log(event); //也是可行的// });$("#buttonId").on("click", function (e) {  console.log(e); // 已做過(guò)兼容處理});

函數(shù)的參數(shù)e(或者event)會(huì)由瀏覽器幫我們傳入
而這個(gè)參數(shù)e對(duì)象的內(nèi)容,如果是標(biāo)準(zhǔn)事件(非自定義事件)的話,則由瀏覽器自身來(lái)決定,而當(dāng)使用jquery的時(shí)候,實(shí)際上jquery已經(jīng)幫我們把傳入回調(diào)的數(shù)據(jù)做了兼容性的處理以保證在各個(gè)瀏覽器都可以保持一致行為

而你的疑問(wèn)應(yīng)該是window.event和事件處理回調(diào)里的參數(shù)event的區(qū)別吧?

$("#buttonId").on("click", function (e) {  console.log(e); // 已做過(guò)兼容處理
  console.log(event); // window.event});
button.addEventListener("click",function (event){  console.log(event === window.event); //chrome下輸出為true});

在chrome下這個(gè)window.event實(shí)際和addEventListener(eventType, function(event){})中的event是一樣的.舊版本的ie也有window.event,但是舊版本ie并不支持addEventListener,而firefox并沒(méi)有這個(gè)值,基本上也不建議使用這個(gè)值就是了