1. 程式人生 > >Javascript繫結click事件的四種方式總結

Javascript繫結click事件的四種方式總結

一: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')
         })