DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript中點擊事件的寫法
JavaScript中點擊事件的寫法
編輯:關於JavaScript     
<button id="btn">click</button>
var btn=document.getElementById('btn');

第一種:

btn.onclick=function(){
alert('hello world');
}

消除事件:btn.onclick=null;//就不會彈出框了

第二種:

btn.addEventListener('click',function(){alert('hello world')},false);
btn.addEventListener('click',function(){alert(this.id)},false);

第三種:

function demo(){

  alert('hello');
}
<button id="btn" onclick="demo()">click</button>

下面給大家介紹js觸發按鈕點擊事件

模擬JS觸發按鈕點擊功能

<html> 
  <head> 
    <title>usually function</title> 
  </head> 
  <script> 
function load(){ 
  //下面兩種方法效果是一樣的 
  document.getElementById("target").onclick(); 
  document.getElementById("target").click(); 
} 
function test(){ 
  alert("test"); 
} 
</script> 
  <body onload="load()"> 
    <button id="target" onclick="test()">test</button> 
  </body> 
<html>  

 備注:

btnObj.click()是真正地用程序去點擊按鈕,觸發了按鈕的onclick()事件

btnObj.onclick()只是簡單地調用了btnObj的onclick所指向的方法,只是調用方法而已,並未觸發事件

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved