intellij idea安装 顺序查找 android教程 Jetson Nano ssm 分布式服务 软件开发 wpf networking Pure CSS angular视频教程 微信小游戏开发视频 jquery解析json数据 svn默认安装路径 sublime分屏快捷键 java算法培训 kafka消费不到数据 idea全文搜索快捷键 matlab跳出for循环 python连接mysql python的str python的extend python文件写入 python函数返回 eclipse安装python java操作mysql java中的集合 java循环list linux用户 计算机电子书 unix操作系统下载 props alphacam 超级力量2修改 什么软件买电影票便宜 list删除指定元素 adobe卸载工具 联想小新键盘灯怎么开 字典生成器 一键root软件下载
当前位置: 首页 > 学习教程  > 

js原生事件的绑定

2020/10/16 18:03:04 文章标签: 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_300338.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?