怎么添加html元素事件

發(fā)布時(shí)間：2022-04-24 15:30:50 來源：億速云閱讀：199 作者：iii 欄目：大數(shù)據(jù)

這篇文章主要介紹了怎么添加html元素事件的相關(guān)知識，內(nèi)容詳細(xì)易懂，操作簡單快捷，具有一定借鑒價(jià)值，相信大家閱讀完這篇怎么添加html元素事件文章都會(huì)有所收獲，下面我們一起來看看吧。

具體內(nèi)容如下：

1.通過HTML元素屬性，就是在html結(jié)構(gòu)中，給你要添加事件的元素添加一個(gè)屬性。

屬性名為 'on' + 事件名。

如:你要給a元素綁定一個(gè)click事件，代碼如下：

<a href="http://blog.163.com/luping_01/blog/#" onclick='do something'>name</a>

2.通過對象屬性。

對象指的是jDOM樹里的對象，我們都知道，所有的html元素在DOM(文檔對象類型)里都存在一個(gè)相應(yīng)的DOM元素。

給這個(gè)DOM元素添加事件等同于方式一，這個(gè)屬性名也一樣：為 on + 事件名

例如

html結(jié)構(gòu)：

<a href="http://blog.163.com/luping_01/blog/#" id="n">name</a>

js結(jié)構(gòu)：

document.getElementById('n').onclick = function(){ //do something}

3.通過W3C監(jiān)聽方式（標(biāo)準(zhǔn)方式）添加事件

W3C方式：

elemennt.addEventListener(事件名,處理函數(shù)引用,true || false)

這里的事件名就是單純的事件名，不需要加 on ，true表示在事件傳播階段捕獲事件，false表示在事件冒泡階段捕獲事件，一般我們設(shè)為false!

4、IE專屬的中間模型添加事件

IE模式：

element.attachEvent( 'on' + 事件名，處理函數(shù)引用);

注意：IE模式需要加on。

關(guān)于“怎么添加html元素事件”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對“怎么添加html元素事件”知識都有一定的了解，大家如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

猜你喜歡