js修改onclick動作的四種方法(推薦)
第一種:button.onclick = Function("alert('hello');");
第二種:button.onclick = function(){alert("hello"); };
第三種:button.onclick = myAlert;
function myAlert(){
alert("hello");
}
第四種:
這種情況更加動態(tài),更為實(shí)用,而且還能添加多個(gè)函數(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 }
實(shí)例講解:
button.onclick = Function ("alert('31');"); button.onclick = Function ("alert('32');"); button.onclick = Function ("alert('33');"); //如果這樣寫,那么將會只有最后一個(gè)方法被執(zhí)行 button.attachEvent("onclick", function(){alert('41');}); button.attachEvent("onclick", function(){alert('42');}); button.attachEvent("onclick", function(){alert('43');}); //如果這樣寫,三個(gè)方法都會被執(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)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- JS實(shí)現(xiàn)同一DOM元素上onClick事件與onDblClick事件并存的解決方法
- javascript中onclick(this)用法介紹
- js給onclick事件賦值,動態(tài)傳參數(shù)實(shí)例解說
- JavaScript給按鈕綁定點(diǎn)擊事件(onclick)的方法
- javascript 動態(tài)改變onclick事件觸發(fā)函數(shù)代碼
- IE8的JavaScript點(diǎn)擊事件(onclick)不兼容的解決方法
- js動態(tài)添加onclick事件可傳參數(shù)與不傳參數(shù)
- js函數(shù)中onmousedown和onclick的區(qū)別和聯(lián)系探討
- js onclick事件傳參講解
- 代碼觸發(fā)js事件(click、change)示例應(yīng)用
- JavaScript中click和onclick本質(zhì)區(qū)別與用法分析
相關(guān)文章
JavaScript:new 一個(gè)函數(shù)和直接調(diào)用函數(shù)的區(qū)別分析
或許許多人對此不以為然,在函數(shù)前加 new 關(guān)鍵字,不就是實(shí)例化一個(gè)對象嗎?但事情顯然沒那么簡單2013-07-07JS設(shè)置cookie、讀取cookie、刪除cookie
Js操作Cookie總結(jié)(設(shè)置,讀取,刪除),工作中經(jīng)常會用到的哦!下面是詳細(xì)代碼,如有錯(cuò)誤,請留言指正!2015-04-04js通過指定下標(biāo)或指定元素進(jìn)行刪除數(shù)組的實(shí)例
下面小編就為大家?guī)硪黄猨s通過指定下標(biāo)或指定元素進(jìn)行刪除數(shù)組的實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-01-01JavaScript用構(gòu)造函數(shù)如何獲取變量的類型名
在JavaScript中,如何準(zhǔn)確獲取變量的類型名是一個(gè)經(jīng)常使用的問題。但是常常不能獲取到變量的精確名稱,或者必須使用jQuery 中的方法,這里通過 typeof ,jQuery.type 和 通過構(gòu)造函數(shù)來獲取變量類型這三種方法詳細(xì)介紹一遍。有需要的朋友們可以參考借鑒,下面來一起看看吧。2016-12-12JavaScript實(shí)現(xiàn)獲取設(shè)備網(wǎng)絡(luò)連接信息
作為前端開發(fā),做好用戶體驗(yàn)是很重要的,日常開發(fā)中我們經(jīng)??梢杂龅接脩艟W(wǎng)速慢導(dǎo)致靜態(tài)資源加載慢,從而給影響用戶體驗(yàn),所以本文來和大家分享一個(gè)有趣的API,可以實(shí)現(xiàn)獲取網(wǎng)絡(luò)信息2023-05-05JS簡單實(shí)現(xiàn)滑動加載數(shù)據(jù)的方法示例
這篇文章主要介紹了JS簡單實(shí)現(xiàn)滑動加載數(shù)據(jù)的方法,涉及javascript事件響應(yīng)及頁面元素屬性動態(tài)操作相關(guān)技巧,需要的朋友可以參考下2017-10-10