资讯专栏INFORMATION COLUMN

JS学习笔记(第13章)(事件)

mylxsw / 1493人阅读

</>复制代码

  1. var EventUtil = {
  2. addHandler: function(element, type, handler){
  3. if (element.addEventListener){
  4. element.addEventListener(type, handler, false);
  5. } else if (element.attachEvent){
  6. element.attachEvent("on" + type, handler);
  7. } else {
  8. element["on" + type] = handler;
  9. }
  10. },
  11. getButton: function(event){
  12. if (document.implementation.hasFeature("MouseEvents", "2.0")){
  13. return event.button;
  14. } else {
  15. switch(event.button){
  16. case 0:
  17. case 1:
  18. case 3:
  19. case 5:
  20. case 7:
  21. return 0;
  22. case 2:
  23. case 6:
  24. return 2;
  25. case 4: return 1;
  26. }
  27. }
  28. },
  29. getCharCode: function(event){
  30. if (typeof event.charCode == "number"){
  31. return event.charCode;
  32. } else {
  33. return event.keyCode;
  34. }
  35. },
  36. getClipboardText: function(event){
  37. var clipboardData = (event.clipboardData || window.clipboardData);
  38. return clipboardData.getData("text");
  39. },
  40. getEvent: function(event){
  41. return event ? event : window.event;
  42. },
  43. getRelatedTarget: function(event){
  44. if (event.relatedTarget){
  45. return event.relatedTarget;
  46. } else if (event.toElement){
  47. return event.toElement;
  48. } else if (event.fromElement){
  49. return event.fromElement;
  50. } else {
  51. return null;
  52. }
  53. },
  54. getTarget: function(event){
  55. return event.target || event.srcElement;
  56. },
  57. getWheelDelta: function(event){
  58. if (event.wheelDelta){
  59. return (client.engine.opera && client.engine.opera < 9.5 ? -event.wheelDelta : event.wheelDelta);
  60. } else {
  61. return -event.detail * 40;
  62. }
  63. },
  64. preventDefault: function(event){
  65. if (event.preventDefault){
  66. event.preventDefault();
  67. } else {
  68. event.returnValue = false;
  69. }
  70. },
  71. removeHandler: function(element, type, handler){
  72. if (element.removeEventListener){
  73. element.removeEventListener(type, handler, false);
  74. } else if (element.detachEvent){
  75. element.detachEvent("on" + type, handler);
  76. } else {
  77. element["on" + type] = null;
  78. }
  79. },
  80. setClipboardText: function(event, value){
  81. if (event.clipboardData){
  82. event.clipboardData.setData("text/plain", value);
  83. } else if (window.clipboardData){
  84. window.clipboardData.setData("text", value);
  85. }
  86. },
  87. stopPropagation: function(event){
  88. if (event.stopPropagation){
  89. event.stopPropagation();
  90. } else {
  91. event.cancelBubble = true;
  92. }
  93. }
  94. };

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/106053.html

相关文章

  • ApacheCN 人工智能知识树 v1.0

    摘要:贡献者飞龙版本最近总是有人问我,把这些资料看完一遍要用多长时间,如果你一本书一本书看的话,的确要用很长时间。为了方便大家,我就把每本书的章节拆开,再按照知识点合并,手动整理了这个知识树。 Special Sponsors showImg(https://segmentfault.com/img/remote/1460000018907426?w=1760&h=200); 贡献者:飞龙版...

    刘厚水 评论0 收藏0
  • JS学习笔记24)(最佳实践)

    摘要:大多数情况下,可以是同局部变量完成相同的事情而不引入新的作用域。选择正确的方法避免不必要的属性查找一旦多次用到属性对象,应该将其存储在局部变量中。尽可能多的使用局部变量将属性查找替换为值查找。 1、可维护性 1.1 可维护代码特征 1. 可理解性 2. 直观性 3. 可适应性 4. 可扩展性 5. 可调试性 1.2 代码约定 1、可读性(代码缩进和代码注释) 2、变量和函数命名 变量...

    cnTomato 评论0 收藏0
  • Java学习路线总结,搬砖工逆袭Java架构师(全网最强)

    摘要:哪吒社区技能树打卡打卡贴函数式接口简介领域优质创作者哪吒公众号作者架构师奋斗者扫描主页左侧二维码,加入群聊,一起学习一起进步欢迎点赞收藏留言前情提要无意间听到领导们的谈话,现在公司的现状是码农太多,但能独立带队的人太少,简而言之,不缺干 ? 哪吒社区Java技能树打卡 【打卡贴 day2...

    Scorpion 评论0 收藏0
  • JS学习笔记10)(DOM之节点层次)

    摘要:节点层次是针对和文档的一个。每一段标记都可以通过一个节点来表示。用于表明节点的类型。返回新增的这个节点。将节点插入到节点列表指定的位置。节点有以下的特性为,为指向元素,指向元素。提供了对元素的标签名,子节点和特性的访问。   节点层次 DOM是针对HTML和XML文档的一个API。DOM描绘了一个层次化的节点树,允许开发人员添加、移除和修改页面的某一部分。 DOM可以将任何HTML或X...

    kamushin233 评论0 收藏0

发表评论

0条评论

mylxsw

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<