1. 程式人生 > >JavaScript給控制元件新增事件的方法

JavaScript給控制元件新增事件的方法

在javascirpt中給控制元件新增事件的方法有3中,下面我們來列舉一下:

1.<input type="button" onclick="click();" value="click"/>

其中onclick="click();"的click()方法,就是要呼叫的按鈕要呼叫的方法。

這是最簡單也是最直接的一種方法,不過一般程式中很少用。

2. <input type="button" id="button" value="click"/>

//javaScript程式碼

<script type="text/javascript">

var v=document.getElementById("button");

v.onclick=click;//後面不要帶括號;

function click(event){ 

alert(event.type);

}

</script>

3.. <input type="button" id="button" value="click"/>

<script type="text/javascript">

var v=document.getElementById("button");

v.onclick=function clickHandler(event){ 

alert(event.type);

}

function (event){ //為了使firefox支援event一定要存在,為了相容ie裡面引數只能是event;

alert(event.type);

}

//直接省略clickHandler

</script>