码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript-事件

时间:2018-10-22 16:44:17      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:加载   sem   鼠标右键   事件   out   listener   over   listeners   ext   

事件:触发特定条件,完成某一项功能

学习目的:在指定条件下,完成特定的功能

     条件满足的情况下,系统会自动(回调)执行某项方法

 

一、事件的两种绑定方法:

1、on绑定方式
   这种方式只能绑定一个方法,如果绑定了两个,那么第二个会覆盖掉第一个
   取消该事件的方式 onclick = ‘‘;
2、非on绑定方式
   这种绑定方式可以绑定多个方法。
   //设置绑定事件的方法
   var func = function () {}
   div.addEventListeners(‘click‘,func)

   //取消绑定事件的方法
   div.removeEventlistener(‘click‘,func)

二、冒泡:父子级拥有同一事件时,子级触发事件,那么它的父级也会触发该事件

  默认事件:一些事件存在默认的系统操作,比如鼠标右键会弹出菜单栏,通过返回值false,取消默认。

三、鼠标事件

onclick    鼠标点击
ondbclick  鼠标双击
onmousedown 鼠标按下
onmouseup   鼠标抬起
onmousemove 鼠标移动
onmouseover 鼠标悬浮
onmouseout  鼠标移开
oncontextmenu   鼠标右键


ev.clientX  x轴
ev.clientY  y轴

四、键盘事件

onkeydown:键盘按下
onkeyup:键盘抬起

ev.keyCode:每个键对应的数字

五、表单事件

onfocus:获取焦点
onblur:失去焦点
onselect:文本被选中
oninput:值改变
onchange:值改变,失去焦点后触发
onsubmit:表单默认提交事件

六、文档、页面事件

onload:页面加载成功
onscroll 页面滚动
onresize:页面尺寸调整

 

JavaScript-事件

标签:加载   sem   鼠标右键   事件   out   listener   over   listeners   ext   

原文地址:https://www.cnblogs.com/zhuchunyu/p/9830602.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!