在JavaScript中如何添加点击事件?

事件就是用户或者浏览器自身执行的某种动作。诸如click、load和mouseover,都是事件的名字。而响应某个事件的函数就叫事件处理程序。事件处理程序的名字以“on”开头,比如click事件的事件处理程序是onclick。为事件指定事件处理程序的方式有多种方式。

JavaScript中添加点击事件的方法:

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

一些常见的事件:

  • onchange HTML 元素改变

  • onclick 用户点击 HTML 元素

  • onmouseover 用户在一个HTML元素上移动鼠标

  • onmouseout 用户从一个HTML元素上移开鼠标

  • onkeydown 用户按下键盘按键

  • onload 浏览器已完成页面的加载

以上就是在JavaScript中如何添加点击事件?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读