idea 金融信贷 inheritance split rspec uiviewcontroller compilation jwt rss Browserify 后台管理系统模板 python与机器学习 lora开发 python生成多个随机数 python3教程 pythoninput python怎么调用函数 python图形界面开发 python中不等于 python获取字典的值 python基础知识 java开发环境安装 超级兔子ie修复专家 microkms 在线pr序列设置 键盘模拟器 海妖花粉哪里多 maya2008 hexworkshop PCCAD idea导出jar包 mysql时间比较 联想小新键盘灯怎么开 上单塞拉斯 小程序游戏源码 fireworks linux解压 ps怎么磨皮祛痘 top命令详解 cdr怎么导出图片
当前位置: 首页 > 学习教程  > 

js原生事件的绑定

2020/10/16 18:03:05 文章标签: js原生点击事件

js原生事件类型 click:单击dblclick:双击mousedown:鼠标按下mouseup:鼠标抬起mouseover:鼠标悬浮mouseout:鼠标离开mousemove:鼠标移动事件绑定 var testdocument.getElementById("test&qu…

js原生事件类型

  1. click:单击
  2. dblclick:双击
  3. mousedown:鼠标按下
  4. mouseup:鼠标抬起
  5. mouseover:鼠标悬浮
  6. mouseout:鼠标离开
  7. mousemove:鼠标移动

 事件绑定

 

var test=document.getElementById("test");
//第一种写法   需要在事件名称前面加上一个on修饰
test.onclick=()=>{
    //代码
}

//第二种写法  这一种写法不用加修饰
test.addEventListener("click",()=>{
    //代码
})

 这两种写法的区别是如果同一个对象连续用第一种写法进行绑定,那么则只有最后一次绑定的事件会执行。

第二中可以依次执行,所有绑定的逻辑会去执行

 


本文链接: http://www.dtmao.cc/news_show_300337.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?