13.4事件类型

最新推荐文章于 2022-12-05 18:46:40 发布
最新推荐文章于 2022-12-05 18:46:40 发布
阅读量153 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/taimaigai/article/details/78432022
版权

load事件,加载完成后再触发事件

EventUtil.addHandler(window,"load",function(event)

{alert("loaded");

})

<body οnlοad="alert('loaded')">

<img src="smile.gif"οnlοad="alert('image loaded')">


EventUtil.addHandler(window,"load",function(){

var image=document.createElement("img"):

EventUtil.addHandler(image,"load",function(event){

event=EventUtil.getEvent(event);

alert(EventUtil.getTarget(event).src);

});

document.body.appendChild(image);

image.src="snile.gif";

});

unload事件，这个事件是在文档被完全卸载后触发，，只要用户从一个页面切换到另一个页面就会发生unload事件，利用这个时间最多的情况是清除引用，以避免内存泄漏。

EventUtil.addHandler(window,"unload",function(event){

alert("unload");});

resize事件.不要在这个事件的处理程序中加入大计算量的代码，因为这些代码有可能被频繁执行(变化1像素就会触发此事件)，从而导致浏览器反应明显变慢

EventUtil.addHandler(window,"resize",function(event){

alert("resized");

});


scroll事件scrollLeft 和scrollTop监控。在文档滚动期间重复被触发，所以有必要尽量保持事件处理程序的代码简单。

< script >
EventUtil. addHandler( window, "scroll", function( event){
if( document. compatMode= "CSS1Compat"){
alert( document. documentElement. scrollTop);
} else{
alert( document. body. scrollTop);
}
});
</script>

焦点事件focus 和blur    检测浏览器是否支持

var isSupported= document. implementation. hasFeature( "FocusEvent", "3.0");

鼠标与滚轮事件

< script >
var isSupported= document. implementation. hasFeature( "MouseEvent", "3.0");

< / script >
< script >
var isSupported= document. implementation. hasFeature( "MouseEvent", "2.0");

< / script >

客户区鼠标坐标位置

< script >
var div= document. getElementById( "mydiv");
EventUtil. addHandler( div, "click", function( event){
event= EventUtil. getEvent( event);
alert( "client coordinates:"+ event. clientX+ ","+ event. clientY);

});
< / script >

页面鼠标坐标位置

< script >
var div= document. getElementById( "mydiv");
EventUtil. addHandler( div, "click", function( event){
event= EventUtil. getEvent( event);
alert( "client coordinates:"+ event. pageX+ ","+ event. pageY);

});
< / script >

跨浏览器IE8及更早版本不支持事件对象上的页面坐标，不过使用客户区作弊哦啊和滚动信息可以计算出来，这时候需要用到document.body(混杂模式)和document.documentElement(标准模式)中的scrollLeft和scrollTop属性

< body >
< button id= "mybtn" >dd </ button >
</ body >
< script >
var div= document. getElementById( "mydiv");
EventUtil. addHandler( div, "click", function( event){
var pagex= event. pagex;
var pagey= event. pagey;
if( pagex= undefined){
pagex= event. clientX+( document. documentElement. scrollLeft|| document. body. scrollLeft);
}
if( pagey= undefined){
pagey= event. clientY+( document. documentElement. scrollLeft|| document. body. scrollLeft);
}
alert( "page coordinates:"+ pagex+ ","+ pagey);
});
< / script >


相对整个电脑屏幕坐标位置

< body >
< button id= "mybtn" >dd </ button >
</ body >
< script >
var div= document. getElementById( "mydiv");
EventUtil. addHandler( div, "click", function( event){
event= EventUtil. getEvent( event);
alert( "screen coordinates:"+ event. screenx+ ","+ event. screeny);
});
< / script >


修改键 shiftkey altkey ctrlkey metakey四个属性，包含的都是布尔值，如果相应的键被按下了，则值为true，否则值为false

< body >
< button id= "mybtn" >dd </ button >
</ body >
< script >
var div= document. getElementById( "mydiv");
EventUtil. addHandler( div, "click", function( event){
event= EventUtil. getEvent( event);
var keys= new array();
if( event. shiftkey){
keys. push( "shift");
}
if( event. altkey){
keys. push( "alt");
}
if( event. ctrlkey){
keys. push( "ctrl");
}
if( event. metatkey){
keys. push( "meta");
}
alert( "keys:"+ keys. join( ","));
});
< / script >

鼠标按钮跨浏览器

< script >
var EventUtil={
getButton: function( event){
if( document. implementation. hasFeature( "MouseEvent", "2.0")){
return event. button;

} else{
switch( event. button){
case 0:
case 1:
case 3:
case 5:
case 7:
return 0;
case 2:
case 6:
return 2;
case 4:
return 1;
}
}
}
};

< / script >



< script >

var div= document. getElementById( "myDiv");
EventUtil. addHandler( div, "mousedown", function( event){
event= EventUtil. getEvent( event);
alert( EventUtil. getButton( event));


});

< / script >















taimaigai
关注
前端面试的话术集锦第 5 篇：高频考点( 类型转换 & 深浅拷贝 & 模块化机制等)
念兮为美
09-06 544
typeof判断类型；instanceof正确判断对象的原理；类型转换转Boolean对象转原始类型四则运算符⽐较运算符==和===的区别；This闭包原型的理解闭包解决var定义函数的问题深拷⻉浅拷贝提升暂时性死区varlet及const区别；原型继承Class实现继承本质组合继承寄⽣组合继承；⼏种⽅式实现模块化⽴即执⾏函数；AMD和CMD、CommonJS、ESModule实现简洁版的promise；EventLoop进程与线程区别JS单线程好处执⾏栈异步代码执⾏顺序？解释Node中的Eventloop
JavaScript---EVENT--事件类型-基本类型
xyue_的博客
05-25 442
一、UI事件(不一定与用户操作有关的事件) 1、load 当页面完全加载后在window上触发 图片也可以触发load事件 2、 resize 当窗口大小变化时在window上触发 除火狐外其他浏览器会在浏览器窗口变化1像素时就触发事件，而火狐是在用户停止调整窗口大小时才触发 不建议在此事件中加入大计算量代码，因为可能频繁执行，导致浏览器速度变慢 窗口最大最小化也会触发事件 3、scroll 当用户滚动带滚动条的元素中的内容时，在该元素上面触发 二、鼠标事件 1、事件类型 onclick --
如何做好应急响应工作？常见应急响应流程
HBohan的博客
01-11 6012
1.应急响应的最终目标是保护客户的核心资产，所有行为必须围绕：保护、避害、不损害来进行。 2.在现在愈加复杂的攻击下，上述的常见场景一般会出现复合情况，需要应急人员根据经验去进行。 3.应急人员应有自己的方法论，对不同攻击的威胁建模，拥有威胁情报分析能力，结合工具的辅助进行现场响应与远程支撑。 4.工具和排查点大同小异，提升方法在于应急人员的是否熟悉该种攻击，利用特征和行为去排查更节省时间。 5.红蓝同源，应急响应属于蓝队，但必须具备一定的渗透能力。
事件类型-基本类型
weixin_52484792的博客
05-25 431
一、UI事件（不一定与用户有关） load：当页面完全加载后在window上触发，图片也可以触发load事件 resize：当窗口大小变化时在window触发 scroll：当用户滚动带滚动条的元素中的内容时，在该元素上面触发 二、鼠标事件 1.事件类型 onclick 单击 ondbclick 双击 oncontextmenu 右键菜单 onmouseover 鼠标移入 onmouseout鼠标移出 onmouseenter鼠标移入（建议使用） onmouse
系统日志中出现事件编号13、来源为AutoEnrollment的错误信息的处理方法
weixin_30300225的博客
02-27 952
Troubleshooting error message event 13 from AutoEnrollment in application event 故障现象 事件查看器中出现错误日志 错误 2008-2-27 8:12:58 AutoEnrollment 无 13 N/A SERVER-DC2 详细内容为： 日期：2008-2...
JavaScript 常用DOM事件类型 (javascript红皮书二刷 - Ch13.4 事件类型)
Nesb01t is here.
12-05 250
Js基础｜阅读思考 - Js中有哪些常用事件？
JS高级程序设计——第13章事件 13.4 事件类型（鼠标与滚轮事件）
YuTong_的博客
04-17 798
13.4 事件类型（鼠标与滚轮事件）一、鼠标事件类型二、客户区坐标位置1、 事件对象的 clientX 和 clientY 属性三、页面坐标位置1、 pageX 和 pageY 属性四、屏幕坐标位置1、 screenX 和 screenY 属性五、修改键六、相关元素（针对mouseover 和 mouserout 事件）1、relatedTarget 属性、fromElement 属性、toEle...
JS高级程序设计——第13章事件 13.4 事件类型（HTML5 事件）
YuTong_的博客
04-22 806
HTML5 事件一、contextmenu 事件二、beforeunload事件 DOM 规范没有涵盖所有浏览器支持的所有事件。很多浏览器出于不同的目的——满足用户需求或 解决特殊问题，还实现了一些自定义的事件。HTML5 详尽列出了浏览器应该支持的所有事件。本节只讨论其中得到浏览器完善支持的事件，但并非全部事件。(其他事件会在本书其他章节讨论。) 一、contextmenu 事件 cont...
多跳推理的类型感知嵌入模型及其性能评估
+v：mala2277获取更多论文--知识图上多跳推理的类型感知嵌入胡志伟1，魏志威2，向志良2，李晓莉3，李茹1，李志华2. Pan41山西大学计算机与信息技术学院2英国卡迪夫大学计算机科学与信息学院3信息技术研究所/前沿人工...
知识图上多跳推理中的类型感知嵌入
+v：mala2277获取更多论文{}知识图上多跳推理的类型感知嵌入胡志伟1，魏志威2，向志良2，李晓莉3，李茹1，李志华2. Pan41山西大学计算机与信息技术学院2英国卡迪夫大学计算机科学与信息学院3信息技术研究所/前沿人工...
js判断事件的触发类型
cwc2011xh的专栏
02-17 1390
使用event.target.tagName方法判断： $(function(){ $("ul").click(function(event){ var tar = event.target; if(tar.tagName == "INPUT"){ alert(tar.tagName); } }); }) jquery的写法 $(event.target.tag
Event 对象 的应用
世范水晶
02-06 127
&lt;html&gt;&lt;head&gt;&lt;script type="text/javascript"&gt;function whichElement(e){var targif (!e) var e = window.eventif (e.target) targ = e.targetelse if (e.srcElement) targ = e.srcElementif (tar...
JavaScript之事件类型（事件）
但愿人长久 千里共婵娟
04-15 3377
web浏览器发生的事件有很多类型，不同的事件类型包含不同的信息，“DOM3级”的事件类型大概有：UI事件、焦点事件、滚轮事件、文本事件、鼠标事件、键盘事件、合成事件、变动事件、变动名称事件等。
qt event 判断事件类型
lcalqf的专栏
02-15 2371
qt event 事件处理： bool CDemo::event(QEvent *event) { if(event->type()==QEvent::keyPress) { QKeyEvent *keyEvent=static_cast(event); if(keyEvent->key()==Qt::key_Tab) {
智慧旅游景区解决方案PPT(50页).pptx
最新发布
09-21
智慧旅游解决方案利用云计算、物联网和移动互联网技术，通过便携终端设备，实现对旅游资源、经济、活动和旅游者信息的智能感知和发布。这种技术的应用旨在提升游客在旅游各个环节的体验，使他们能够轻松获取信息、规划行程、预订票务和安排食宿。智慧旅游平台为旅游管理部门、企业和游客提供服务，包括政策发布、行政管理、景区安全、游客流量统计分析、投诉反馈等。此外，平台还提供广告促销、库存信息、景点介绍、电子门票、社交互动等功能。 智慧旅游的建设规划得到了国家政策的支持，如《国家中长期科技发展规划纲要》和国务院的《关于加快发展旅游业的意见》，这些政策强调了旅游信息服务平台的建设和信息化服务的重要性。随着技术的成熟和政策环境的优化，智慧旅游的时机已经到来。 智慧旅游平台采用SaaS、PaaS和IaaS等云服务模式，提供简化的软件开发、测试和部署环境，实现资源的按需配置和快速部署。这些服务模式支持旅游企业、消费者和管理部门开发高性能、高可扩展的应用服务。平台还整合了旅游信息资源，提供了丰富的旅游产品创意平台和统一的旅游综合信息库。 智慧旅游融合应用面向游客和景区景点主管机构，提供无线城市门户、智能导游、智能门票及优惠券、景区综合安防、车辆及停车场管理等服务。这些应用通过物联网和云计算技术，实现了旅游服务的智能化、个性化和协同化，提高了旅游服务的自由度和信息共享的动态性。 智慧旅游的发展标志着旅游信息化建设的智能化和应用多样化趋势，多种技术和应用交叉渗透至旅游行业的各个方面，预示着全面的智慧旅游时代已经到来。智慧旅游不仅提升了游客的旅游体验，也为旅游管理和服务提供了高效的技术支持。
智慧旅游实景三维智慧景区建设方案PPT(70页).pptx
09-21
智慧旅游解决方案利用云计算、物联网和移动互联网技术，通过便携终端设备，实现对旅游资源、经济、活动和旅游者信息的智能感知和发布。这种技术的应用旨在提升游客在旅游各个环节的体验，使他们能够轻松获取信息、规划行程、预订票务和安排食宿。智慧旅游平台为旅游管理部门、企业和游客提供服务，包括政策发布、行政管理、景区安全、游客流量统计分析、投诉反馈等。此外，平台还提供广告促销、库存信息、景点介绍、电子门票、社交互动等功能。 智慧旅游的建设规划得到了国家政策的支持，如《国家中长期科技发展规划纲要》和国务院的《关于加快发展旅游业的意见》，这些政策强调了旅游信息服务平台的建设和信息化服务的重要性。随着技术的成熟和政策环境的优化，智慧旅游的时机已经到来。 智慧旅游平台采用SaaS、PaaS和IaaS等云服务模式，提供简化的软件开发、测试和部署环境，实现资源的按需配置和快速部署。这些服务模式支持旅游企业、消费者和管理部门开发高性能、高可扩展的应用服务。平台还整合了旅游信息资源，提供了丰富的旅游产品创意平台和统一的旅游综合信息库。 智慧旅游融合应用面向游客和景区景点主管机构，提供无线城市门户、智能导游、智能门票及优惠券、景区综合安防、车辆及停车场管理等服务。这些应用通过物联网和云计算技术，实现了旅游服务的智能化、个性化和协同化，提高了旅游服务的自由度和信息共享的动态性。 智慧旅游的发展标志着旅游信息化建设的智能化和应用多样化趋势，多种技术和应用交叉渗透至旅游行业的各个方面，预示着全面的智慧旅游时代已经到来。智慧旅游不仅提升了游客的旅游体验，也为旅游管理和服务提供了高效的技术支持。
wxPython列表控件响应用户选择与事件处理
表13.4列出了所有适用于所有事件类型的属性，而表13.5则列举了与选择列表控件中的项目相关的事件类型，如`EVT_LIST_BEGIN_DRAG`，这会在用户开始拖动操作时触发。 在实际应用中，我们可以为不同类型的事件定义不同...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值