JavaScript事件概览
JavaScript事件
JavaScript是单线程，在同一个时间点，不可能同时运行两个“控制线程”。
事件句柄和事件对象
1.注册事件句柄
标准和非标准
var button=documenbt.elementByID("#button");
button.addEventListener('click',function(){
//do something.
},false);
//第三个参数表明事件是否阻止冒泡。true阻止冒泡，false类似默认行为一样进行事件冒泡。var button=documenbt.elementByID("#button");
button.attachEvent('onclick',function(){
//do something.
});早期兼容性代码，查看浏览器支持哪种事件模型：
function registerEventHandler(node,event,handler){
if(typeof node.addEventListener=='function'){
node.addEventListener(node,event,handler);
} else{
node.attachEvent("on"+event,hander);
}
}
registerEventHandler(button,"click",function(){
//to do
});2.获得事件对象
标准 event
非标准: window.event
兼容性代码:
registerEventHandler(document.body,"click",function(event){
event=event||window.event;
print(event.clientX,",",event.clientY);
});3.从事件对象中获取数据
鼠标事件，event对象中的属性(部分):
4.标记事件已经完成
function unregisterEventHandler(node,event,handler){
if(typeof node.removeEventListener=='function'){
node.removeEventListener(node,event,handler);
} else{
node.detachEvent("on"+event,hander);
}
}
registerEventHandler(button,"click",function(){
//to do
});事件类型
1.鼠标事件， 2.键盘事件 3.停止行为 事件冒泡和阻止默认行为。标准和非标准如下：
阻止事件冒泡:
event.stopPropagation
cancelBubble
阻止默认行为:
event.preventDefault();
returnValue=false;
4.跟踪焦点事件
focus和blur
5.表单事件
submit事件
6.window事件
load事件:在文档完全加载完毕时触发
resize事件: 每次窗口发生改变时被触发
scroll事件: 文档滚动的时候，浏览器都会触发window对象上的scroll事件
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2016-08-05 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录