js修改onclick動作的四種方法(推薦)

更新時間：2016年08月18日 11:29:23 投稿：jingxian

下面小編就為大家?guī)硪黄猨s修改onclick動作的四種方法(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

第一種：button.onclick = Function("alert('hello');");

第二種：button.onclick = function(){alert("hello"); };

第三種：button.onclick = myAlert;

              function myAlert(){
                     alert("hello");
              }

第四種：

這種情況更加動態(tài)，更為實用，而且還能添加多個函數(shù)(添加的事件的順序即執(zhí)行順序)，呵呵

if(window.addEventListener){ // Mozilla, Netscape, Firefox
    //element.addEventListener(type,listener,useCapture); 
    button.addEventListener('click', alert('11'), false);
    button.addEventListener('click', alert('12'), false);//執(zhí)行順序11 -> 12
  } else { // IE
    button.attachEvent('onclick', function(){alert('21');});
    button.attachEvent('onclick', function(){alert('22');});執(zhí)行順序22 -> 21
  }

實例講解：

button.onclick = Function ("alert('31');");
  button.onclick = Function ("alert('32');");
  button.onclick = Function ("alert('33');"); //如果這樣寫,那么將會只有最后一個方法被執(zhí)行

  button.attachEvent("onclick", function(){alert('41');});
  button.attachEvent("onclick", function(){alert('42');});
  button.attachEvent("onclick", function(){alert('43');}); //如果這樣寫,三個方法都會被執(zhí)行

  // 當(dāng)然，你也可以這樣寫
  button.onclick = Function("alert('51');");
  button.attachEvent("onclick", function(){alert('52');});

   //對應(yīng)移除事件
  detachEvent('onclick' ,func);//ie下使用刪除事件func
  removeEventListener('click' ,func);//Mozilla下，刪除事件func

以上這篇js修改onclick動作的四種方法(推薦)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

js
onclick

相關(guān)文章

符合W3C網(wǎng)頁標(biāo)準(zhǔn)的iframe標(biāo)簽的使用方法
符合W3C網(wǎng)頁標(biāo)準(zhǔn)的iframe標(biāo)簽的使用方法...
2007-07-07
Javascript中toFixed計算錯誤(依賴銀行家舍入法的缺陷)解決方法
這篇文章主要介紹了Javascript中toFixed計算錯誤(依賴銀行家舍入法的缺陷)解決方法，非常具有實用價值，需要的朋友可以參考下
2017-08-08
5個你不知道的JavaScript字符串處理庫(小結(jié))
這篇文章主要介紹了5個你不知道的JavaScript字符串處理庫，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-06-06
靜態(tài)頁面實現(xiàn) include 引入公用代碼的示例
下面小編就為大家?guī)硪黄o態(tài)頁面實現(xiàn) include 引入公用代碼的示例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-09-09
js實現(xiàn)下載(文件流式)方法詳解與完整實例源碼
這篇文章主要介紹了js實現(xiàn)下載(文件流式)的方法,需要的朋友可以參考下
2022-12-12
d3.js實現(xiàn)自定義多y軸折線圖的示例代碼
本篇文章主要介紹了d3.js實現(xiàn)自定義多y軸折線圖的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-05-05
微信小程序事件點擊跳轉(zhuǎn)頁面的五種方法小結(jié)
本文主要介紹了微信小程序事件點擊跳轉(zhuǎn)頁面的五種方法小結(jié)，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2023-07-07
微信小程序?qū)崿F(xiàn)可拖動懸浮圖標(biāo)(包括按鈕角標(biāo)的實現(xiàn))
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)可拖動懸浮圖標(biāo)(包括按鈕角標(biāo)的實現(xiàn)),本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2020-12-12
js寫一個字符串轉(zhuǎn)成駝峰的實例
寫一個字符串轉(zhuǎn)成駝峰的方法，使用js代碼實現(xiàn)，具體如下，感興趣的朋友可以了解下哈
2013-06-06
JavaScript監(jiān)測ActiveX控件是否已經(jīng)安裝過的代碼
這是通用的方法，只需要把唯一的Activex的clsid和任意一個屬性或方法名傳進來就可以判斷了。（找了兩個小時才找到 -_-!）
2008-09-09