Javascript中綁定click事件的四種方式介紹
更新時間：2018年10月26日 11:52:48 作者：pygodnet
今天小編就為大家分享一篇關(guān)于Javascript中綁定click事件的四種方式介紹，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧
一：HTML中添加onclick
<button id="vv" onclick="myfunction()" >哈哈</button>
二：JS中定義函數(shù)綁定事件！
var funcc = function () {
alert('我愛編程')
}
var aa = document.getElementById('vv')
aa.onclick = funcc
三：直接定義函數(shù)與內(nèi)容
document.getElementById('vv').onclick = function () {
alert('hasssshhaa ')
}
四：利用addEventListener
document.getElementById('vv').addEventListener('click',funcc);
//或者：
document.getElementById('vv').addEventListener('click',function () {
alert('hahah')
})
總結(jié)
以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學習或者工作具有一定的參考學習價值，謝謝大家對腳本之家的支持。如果你想了解更多相關(guān)內(nèi)容請查看下面相關(guān)鏈接
相關(guān)文章
本文主要介紹Google Maps基礎(chǔ),這里對Google Maps的知識做了詳細解析，并提供代碼示例作為學習參考，有興趣的朋友可以看一下2016-08-08
這篇文章主要介紹了微信小程序 Canvas增強組件實例詳解及源碼分享的相關(guān)資料,WeZRender是一個微信小程序Canvas增強組件，這里詳細介紹，需要的朋友可以參考下2017-01-01
這篇文章主要介紹了微信小程序 合法域名校驗出錯詳解及解決辦法的相關(guān)資料,需要的朋友可以參考下2017-03-03
這篇文章主要為大家介紹了JS 實現(xiàn)偽3D手辦模型展臺示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-09-09
使用HTTP?Referer實現(xiàn)圖片防盜圖文示例詳解
這篇文章主要為大家介紹了使用HTTP?Referer實現(xiàn)圖片防盜圖文示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-08-08
TypeScript新語法之infer?extends示例詳解
這篇文章主要為大家介紹了TypeScript新語法之infer?extends示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-08-08
微信小程序 彈框和模態(tài)框?qū)崿F(xiàn)代碼
這篇文章主要介紹了微信小程序 彈框和模態(tài)框?qū)崿F(xiàn)代碼的相關(guān)資料,需要的朋友可以參考下2017-03-03
這篇文章主要介紹了微信小程序-拍照或選擇圖片并上傳文件的相關(guān)資料,需要的朋友可以參考下2017-01-01
一文詳解webpack中l(wèi)oader與plugin的區(qū)別
這篇文章主要為大家介紹了一文詳解webpack中l(wèi)oader與plugin的區(qū)別詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-02-02
微信小程序技巧之show內(nèi)容展示，上傳文件編碼問題
這篇文章主要介紹了微信小程序技巧之show內(nèi)容展示，上傳文件編碼問題，具有一定的參考價值，有興趣的可以了解一下。2017-01-01