Javascript中綁定click事件的四種方式介紹
更新時(shí)間：2018年10月26日 11:52:48 作者：pygodnet
今天小編就為大家分享一篇關(guān)于Javascript中綁定click事件的四種方式介紹，小編覺得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來看看吧
一：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)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，謝謝大家對腳本之家的支持。如果你想了解更多相關(guān)內(nèi)容請查看下面相關(guān)鏈接
相關(guān)文章
微信小程序獲取用戶openId的實(shí)現(xiàn)方法
這篇文章主要介紹了微信小程序獲取用戶openId的實(shí)現(xiàn)方法的相關(guān)資料,需要的朋友可以參考下2017-05-05
這篇文章主要介紹了微信小程序 window_x64環(huán)境搭建的相關(guān)資料,需要的朋友可以參考下2016-09-09
微信小程序 scroll-view組件實(shí)現(xiàn)列表頁實(shí)例代碼
這篇文章主要介紹了微信小程序 scroll-view組件實(shí)現(xiàn)列表頁實(shí)例代碼的相關(guān)資料,scroll-view組件介紹scroll-view是微信小程序提供的可滾動視圖組件,其主要作用是可以用來做手機(jī)端經(jīng)常會看到的上拉加載 ，需要的朋友可以參考下2016-12-12
這篇文章主要總結(jié)介紹了JS如何獲取對象屬性名的方法,需要的朋友可以參考下2022-01-01
這篇文章主要為大家介紹了JS前端性能指標(biāo)定位FMP使用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-01-01
微信小程序 獲取設(shè)備信息 API實(shí)例詳解
這篇文章主要介紹了微信小程序 獲取設(shè)備信息 API實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2016-10-10
這篇文章主要介紹了微信小程序 首頁制作簡單實(shí)例的相關(guān)資料,需要的朋友可以參考下2017-04-04
這篇文章主要為大家介紹了js簡單封裝監(jiān)聽快捷鍵對象及使用示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08
Three.js?Interpolant實(shí)現(xiàn)動畫插值
這篇文章主要為大家介紹了Three.js?Interpolant實(shí)現(xiàn)動畫插值示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-02-02
這篇文章主要為大家介紹了JS面試之異步模擬超時(shí)重傳機(jī)制詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10