JavaScript中點(diǎn)擊事件的寫法
更新時(shí)間：2016年06月28日 11:05:05 作者：小碼農(nóng)雯
這篇文章主要介紹了JavaScript中點(diǎn)擊事件的寫法的相關(guān)資料,其中還給大家分享js觸發(fā)按鈕點(diǎn)擊功能的實(shí)現(xiàn)，本文介紹的非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
<button id="btn">click</button>
var btn=document.getElementById('btn');
第一種：
btn.onclick=function(){
alert('hello world');
}
消除事件：btn.onclick=null;//就不會(huì)彈出框了
第二種：
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觸發(fā)按鈕點(diǎn)擊事件
模擬JS觸發(fā)按鈕點(diǎn)擊功能
<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()是真正地用程序去點(diǎn)擊按鈕，觸發(fā)了按鈕的onclick（）事件
btnObj.onclick()只是簡(jiǎn)單地調(diào)用了btnObj的onclick所指向的方法，只是調(diào)用方法而已，并未觸發(fā)事件
相關(guān)文章
JavaScript實(shí)現(xiàn)數(shù)字?jǐn)?shù)組正序排列的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)數(shù)字?jǐn)?shù)組正序排列的方法,涉及javascript中sort方法的使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
本文主要介紹了js中創(chuàng)建對(duì)象的幾種方式。具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02
Javascript中call與apply的學(xué)習(xí)筆記
經(jīng)?？吹竭@倆哥們，看來(lái)看去都是講他們的區(qū)別，一直沒搞太清楚作用究竟是什么，現(xiàn)在記錄下自己理解，有錯(cuò)的話希望指出！2014-09-09
這篇文章主要為大家詳細(xì)介紹了微信小程序裁剪頭像插件的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-05-05
微信小程序?qū)崿F(xiàn)表單驗(yàn)證提交功能
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)表單驗(yàn)證提交功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
JS this關(guān)鍵字在ajax中使用出現(xiàn)問題解決方案
這篇文章主要介紹了JS this關(guān)鍵字在ajax中使用出現(xiàn)問題解決方案,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-07-07
JavaScript動(dòng)態(tài)添加數(shù)據(jù)到表單并提交的幾種方式
這篇文章主要介紹了JavaScript動(dòng)態(tài)添加數(shù)據(jù)到表單并提交,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-06-06
javascript 學(xué)習(xí)筆記(onchange等)
javascript 學(xué)習(xí)筆記，一些簡(jiǎn)單的小技巧，學(xué)習(xí)js的朋友可以看下。2010-11-11
這篇文章主要介紹了JS中parseInt()和map()用法,結(jié)合實(shí)例形式分析了parseInt()和map()方法的功能、參數(shù)、具體用法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2016-12-12
我們經(jīng)常使用 window.onload 來(lái)處理頁(yè)面，當(dāng)頁(yè)面加載完成做一些事情。但這個(gè) window.onload 是頁(yè)面全部加載完成，甚至包括圖片，而我們實(shí)際上經(jīng)常需要的是文檔 DOM 加載完畢！2009-07-07