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)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,謝謝大家對腳本之家的支持。如果你想了解更多相關(guān)內(nèi)容請查看下面相關(guān)鏈接
相關(guān)文章
微信小程序 scroll-view組件實現(xiàn)列表頁實例代碼
這篇文章主要介紹了微信小程序 scroll-view組件實現(xiàn)列表頁實例代碼的相關(guān)資料,scroll-view組件介紹scroll-view是微信小程序提供的可滾動視圖組件,其主要作用是可以用來做手機端經(jīng)常會看到的上拉加載 ,需要的朋友可以參考下2016-12-12Three.js?Interpolant實現(xiàn)動畫插值
這篇文章主要為大家介紹了Three.js?Interpolant實現(xiàn)動畫插值示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-02-02