如何新增HTML元素的事件處理,有幾種方法

2021-09-17 20:45:27 字數 745 閱讀 4114

新增html元素的事件有三種方法。

1.通過html元素屬性。簡單說來就是在html結構中,給你要新增事件的元素新增乙個屬性。 

屬性名為 『on』 + 事件名。 

如:你要給a元素繫結乙個click事件,你就該這麼寫: 

name

2.通過物件屬性。 

物件指的是jdom樹里的物件,我們都知道,所有的html元素在dom(文件物件型別)裡都存在乙個相應的dom元素。 

給這個dom元素新增事件等同於方式一。這個屬性名也一樣: 

也為 on + 事件名 

如: html結構: 

name

js:document.getelementbyid(『n』).onclick = function()

3.通過w3c監聽方式(標準方式)或者ie專屬的中間模型新增事件

w3c方式:elemennt.addeventlistener(事件名,處理函式引用,true || false)

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

ie模式: element.attachevent( 『on』 + 事件名,處理函式引用);

注意,ie模式需要加on

事件處理程式和支援它們的HTML元素

處理程式 觸發時機 由.支援 onabort 影象裝載被中斷 n3,ie4 onerror 在裝影象的地程中發生了錯誤 n3,ie4 onchange 選中元素中的選項被選中或其他元素失去焦點,並且由它獲得了焦點而使值發生了變化 input,select,textarea onfocus 元輸得到輸...

HTML新增的常用元素

url 輸入url的字段 number 輸入數字的字段 range 用於精確值不重要的輸入數字的控制項 datepickers data 年月日時分秒 month 月和年 week 星期和 年 time 輸入時間的控制項 datetime 定義date和time控制項,基於utc時區 datetim...

如何為Delphi程式新增事件和事件處理器

delphi是一種功能很強的視覺化程式開發工具。我們在使用delphi開發windows 應用程式的過程中,雖然delphi為每個視覺化元件都提供了很多屬性 property 和事件 event 但在實際應用中可能會碰到一些自己需要的特殊事件,這些特殊事件delphi 又沒有提供,這時我們就需要為應...