一.事件
1.btn.addEventListener("click",function(){,false} 监听事件
那这个监听事件和点击事件的功能是一样的,那么有什么区别呢?
1.onclick事件写一样的函数,但是弹跳的是不同内容的时候,会覆盖之前的函数事件;
但是监听事件不会覆盖,会把设置的函数都走一遍;
鼠标事件也是一样的,直接写会覆盖;用监听事件不会覆盖;
btn.addEventListener("mouseover",function(){,false}
二.鼠标事件:
双击.ondblclick:
.onmousemove:鼠标在指定元素上移动
三.表单事件:
.onfocus :元素获得焦点 :当没有焦点的时候,点击的时候触发了交代呢,有了焦点之后接着点就不会触发了;
onblur 元素失去焦点:点击的时候不会触发,但是鼠标移开会触发 失去焦点
onchange 用户改变焦点的内容的时候:当输入的内容改变了原来的内容,就会触发,出现改变焦点的内容;
但是你修改的内容依旧和上次的内容一样,就不会触发:
onchange在选择不同的文件域的时候,也会被触发;
onreset 表单重置时触发:通过form去触发的,不是通过input触发的:
onsubmit 表单提交时触发:也是通过form去触发的,不是通过input触发的:
四.键盘事件:键盘事件就是对键盘操作触发的事件
onkeydown 某个键盘的键被按下:
onkeypress 某个键盘的键被按下并释放一个键时发生:
onkeyup 某个键盘的键被松开:
oninput :输入的时候就会触发:一般用这个比较多:
键盘事件的事件次序:onkeydown onkeypress onkeyup,oninput;
在窗口直接键盘输入任意键的时候,跳出提示:
onload 某个页面或图像被完成加载:虽然页面是从上往下加载的。当页面文档完全加载完之后触发的,不会受位置影响:
onresize 窗口或框架被调整尺寸:当页面窗口尺寸会用户放大或缩小时,触发;
onscroll 当文档水平或者垂直被滚动时发生的事件: