JavaScript事件总结

JavaScript事件总结

开发工具与关键技术：Adobe Dreamweaver JavaScript
作者：唐文坚 
撰写时间：2020年4月26日

JS事件与页面发生指定的交互，JS和HTML就是通过事件来进行交互的。
JS事件有鼠标的单双击光标的移入移出键盘的按下和弹起等一系列事件等等。
事件就是使用者与浏览器发生互动的过程。
如何给一个元素绑定一个事件：
列：var btn=document.getElementById(“btn”);
btn.οnclick=function(){
alert(“1”);
}
文档的加载：在文档加载过程中都是自上往下开始加载的如果说你的script标签在html代码的前面
又没写window.onload页面加载事件就会报错，一般来说我都是把script标签写在最下面的，window.onload 在页面上只能出现一次，后面的代码会覆盖前面的代码。
事件对象：
当事件对象被触发时浏览器就会发送该事件的相关信息。
在IE8中，响应函数被触发时，浏览器不会传递事件对象，
在IE8及以下的浏览器中，是将事件对象作为window对象的属性保存的
处理语法：document.οnmοusemοve=function(event){ event=event||window.event;} 。
Client和cllientY
获取可视浏览器窗口的偏移量
pageX和pageY
获取整个窗口的偏移量不过IE8不兼容
事件冒泡：
这个事件会向上传导子元素会传到祖先元素上
这个看需求，event.cancelBubble=true;取消冒泡。
获取滚动条scrollTop和scrollLeft
有些浏览器是documentElement.scrollTop
又有的是document.body.scrollTop;
解决浏览器滚动条兼容的问题
var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;
事件的委派：
绑定一个事件到一些元素的共同的祖先元素，后代元素的事件会一直冒泡到祖先元素
通过祖先元素的响应来处理事件
Target：
返回返回触发此事件的元素(事件的目标节点)。
Setcapture():
事件的捕获只支持IE不支持其它浏览器

键盘事件：
onkeydown: 键盘被按下事件：
在按下的时候会停一下应为是为了防误点
onkeyup:
键盘松开的操作。
keyCode：
可以获取键盘的编号：
列：console.log(event.keyCode);
altKey
ctrlKey
shiftKey
这三个属性分别是用来判断alt cltrl shift是否被按下的
如果被按下了则返回true，否则返回false