Javascript中綁定click事件的四種方式介紹
來源:懂視網
責編:小采
時間:2020-11-27 22:05:51
Javascript中綁定click事件的四種方式介紹
Javascript中綁定click事件的四種方式介紹:一:HTML中添加onclick <button id=vv onclick=myfunction() >哈哈</button> 二:JS中定義函數綁定事件! var funcc = function () { alert('我愛編程') } var aa = document.getElementBy
導讀Javascript中綁定click事件的四種方式介紹:一:HTML中添加onclick <button id=vv onclick=myfunction() >哈哈</button> 二:JS中定義函數綁定事件! var funcc = function () { alert('我愛編程') } var aa = document.getElementBy

一:HTML中添加onclick
<button id="vv" onclick="myfunction()" >哈哈</button>
二:JS中定義函數綁定事件!
var funcc = function () {
alert('我愛編程')
}
var aa = document.getElementById('vv')
aa.onclick = funcc
三:直接定義函數與內容
document.getElementById('vv').onclick = function () {
alert('hasssshhaa ')
}
四:利用addEventListener
document.getElementById('vv').addEventListener('click',funcc);
//或者:
document.getElementById('vv').addEventListener('click',function () {
alert('hahah')
})
總結
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
Javascript中綁定click事件的四種方式介紹
Javascript中綁定click事件的四種方式介紹:一:HTML中添加onclick <button id=vv onclick=myfunction() >哈哈</button> 二:JS中定義函數綁定事件! var funcc = function () { alert('我愛編程') } var aa = document.getElementBy