中文字幕一区二区人妻电影,亚洲av无码一区二区乱子伦as ,亚洲精品无码永久在线观看,亚洲成aⅴ人片久青草影院按摩,亚洲黑人巨大videos

上一篇：JavaScript 對(duì)象 實(shí)例 下一篇：CSS caption-side 屬性

HTML DOM addEventListener() 方法

元素對(duì)象參考手冊(cè) 元素對(duì)象

實(shí)例

為 <button> 元素添加點(diǎn)擊事件。 當(dāng)用戶點(diǎn)擊按鈕時(shí)，在 id="demo" 的 <p> 元素上輸出 "Hello World" :

document.getElementById("myBtn").addEventListener("click", function(){
??? document.getElementById("demo").innerHTML = "Hello World";
});

運(yùn)行代碼 ?

定義和用法

addEventListener() 方法用于向指定元素添加事件句柄。

提示： 使用 removeEventListener() 方法來移除 addEventListener() 方法添加的事件句柄。

瀏覽器支持

表格中的數(shù)字表示支持該方法的第一個(gè)瀏覽器的版本號(hào)。

方法
addEventListener() 1.0 9.0 1.0 1.0 7.0

注意： Internet Explorer 8 及更早IE版本不支持 addEventListener() 方法，，Opera 7.0 及 Opera 更早版本也不支持。 但是，對(duì)于這些不支持該函數(shù)的瀏覽器，你可以使用 attachEvent() 方法來添加事件句柄 (查看 "更多實(shí)例" 了解跨瀏覽器的解決方案)。

語法

element.addEventListener(event, function, useCapture)

參數(shù)值

參數(shù) 描述
event 必須。字符串，指定事件名。

注意: 不要使用 "on" 前綴。 例如，使用 "click" ,而不是使用 "onclick"。

提示： 所有 HTML DOM 事件，可以查看我們完整的 HTML DOM Event 對(duì)象參考手冊(cè)。
function 必須。指定要事件觸發(fā)時(shí)執(zhí)行的函數(shù)。

當(dāng)事件對(duì)象會(huì)作為第一個(gè)參數(shù)傳入函數(shù)。 事件對(duì)象的類型取決于特定的事件。例如， "click" 事件屬于 MouseEvent(鼠標(biāo)事件) 對(duì)象。
useCapture 可選。布爾值，指定事件是否在捕獲或冒泡階段執(zhí)行。

可能值:
  • true - 事件句柄在捕獲階段執(zhí)行
  • false- false- 默認(rèn)。事件句柄在冒泡階段執(zhí)行

技術(shù)細(xì)節(jié)

DOM 版本: DOM Level 2 Events
返回值: 沒有返回值
記錄: 在 Firefox 6 和 Opera 11.60 中 useCapture 參數(shù)是可選的。 （在 Chrome、IE 和 Safari 中一直都是可選的）。

更多實(shí)例

實(shí)例

您可以通過函數(shù)名來引用外部函數(shù)。

該實(shí)例演示了在用戶點(diǎn)擊 <button> 元素時(shí)如何執(zhí)行函數(shù):

document.getElementById("myBtn").addEventListener("click", myFunction);

function myFunction() {
??? document.getElementById("demo").innerHTML = "Hello World";
}

運(yùn)行代碼 ?

實(shí)例

您可以在文檔中添加許多事件，添加的事件不會(huì)覆蓋已存在的事件。

該實(shí)例演示了如何在<button>元素中添加兩個(gè)點(diǎn)擊事件：

document.getElementById("myBtn").addEventListener("click", myFunction);
document.getElementById("myBtn").addEventListener("click", someOtherFunction);

運(yùn)行代碼 ?

實(shí)例

您可以在同一個(gè)元素中添加不同類型的事件。

該實(shí)例演示了如何在同一個(gè) <button> 元素中添加多個(gè)事件：

document.getElementById("myBtn").addEventListener("mouseover", myFunction);
document.getElementById("myBtn").addEventListener("click", someOtherFunction);
document.getElementById("myBtn").addEventListener("mouseout", someOtherFunction);

運(yùn)行代碼 ?

實(shí)例

當(dāng)傳遞參數(shù)值時(shí)，使用"匿名函數(shù)"調(diào)用帶參數(shù)的函數(shù)：

document.getElementById("myBtn").addEventListener("click", function() {
??? myFunction(p1, p2);
});

運(yùn)行代碼 ?

實(shí)例

修改 <button> 元素的背景：

document.getElementById("myBtn").addEventListener("click", function(){
??? this.style.backgroundColor = "red";
});

運(yùn)行代碼 ?

實(shí)例

使用可選參數(shù) useCapture 來演示冒泡和捕獲階段的不同:

document.getElementById("myDiv").addEventListener("click", myFunction, true);

運(yùn)行代碼 ?

實(shí)例

使用 removeEventListener() 方法移除由 addEventListener() 方法添加的事件句柄:

// 添加 <div> 事件句柄
document.getElementById("myDIV").addEventListener("mousemove", myFunction);

// 移除 <div> 事件句柄
document.getElementById("myDIV").removeEventListener("mousemove", myFunction);

運(yùn)行代碼 ?

實(shí)例

如果瀏覽器不支持 addEventListener() 方法, 你可以使用 attachEvent() 方法替代。

以下實(shí)例演示了跨瀏覽器的解決方法：

var x = document.getElementById("myBtn");
if (x.addEventListener) {??????????????????? //所有主流瀏覽器，除了 IE 8 及更早 IE版本
??? x.addEventListener("click", myFunction);
} else if (x.attachEvent) {????????????????? // IE 8 及更早 IE 版本
??? x.attachEvent("onclick", myFunction);
}

運(yùn)行代碼 ?

相關(guān)頁(yè)面

JavaScript 教程: HTML DOM EventListener

JavaScript 參考手冊(cè): document.addEventListener()

元素對(duì)象參考手冊(cè) 元素對(duì)象

其他擴(kuò)展
上一篇：JavaScript 對(duì)象 實(shí)例 下一篇：CSS caption-side 屬性