溫馨提示×

如何添加html元素事件

沐橙
590
2021-05-18 09:01:58
欄目: 編程語言

添加html元素事件有4種方法:1、通過HTML元素屬性添加事件;2、通過對象屬性添加事件;3、通過W3C監聽方式添加事件,語法格式“elemennt.addEventListener(事件名,處理函數引用,true || false)”;4、通過IE專屬的中間模型添加事件,語法格式“element.attachEvent( 'on' + 事件名,處理函數引用);”。

如何添加html元素事件

具體內容如下:

1.通過HTML元素屬性,就是在html結構中,給你要添加事件的元素添加一個屬性。

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

如:你要給a元素綁定一個click事件,代碼如下:

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

2.通過對象屬性。

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

給這個DOM元素添加事件等同于方式一,這個屬性名也一樣:為 on + 事件名

例如

html結構:

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

js結構:

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

3.通過W3C監聽方式(標準方式)添加事件

W3C方式:

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

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

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

IE模式:

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

注意:IE模式需要加on。

0
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女