AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

JavaScript四大家族之event家族

2017-08-09 1012
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： event是javascript 元素对象的事件处理程序function(event){}所拥有的事件对象其中最主要（用的最多）的属性是 event对象存在兼容性。IE678的event对象为Window.

event是javascript 元素对象的事件处理程序function(event){}所拥有的事件对象其中最主要（用的最多）的属性是

 

event对象存在兼容性。IE678的event对象为Window.event，其他浏览器为event，兼容写法为var event = event || window.event;

 

clientX　　　　　　　　（距离浏览器左侧的距离）

 

clientY　　　　　　　　（距离浏览器顶部的距离）

 

pageX　　　　　　　　（距离文档——document左侧的距离）

 

pageY　　　　　　　　（距离文档——document顶部的距离）

 

screenX　　　　　　　　（距离客户端屏幕左侧的距离）

 

screenY　　　　　　　　（距离客户端屏幕顶部的距离）

 

当然event还有一些其他属性如altkey（Alt键是否被按下）等属性，详情请查看http://www.w3school.com.cn/jsref/dom_obj_event.asp

 

文章标签：
JavaScript
前端开发
关键词：
JavaScript event
JavaScript家族
JavaScript四大家族家族
gxqsd
目录
相关文章
东方睿赢
|
4月前
|
JavaScript 前端开发
JavaScript DOM 操作：什么是事件委托（Event Delegation）？有什么优势？
JavaScript DOM 操作：什么是事件委托（Event Delegation）？有什么优势？
东方睿赢
102 1
东方睿赢
|
4月前
|
消息中间件 存储 前端开发
JavaScript高级主题：解释一下 JavaScript 中的事件循环（Event Loop）。
JavaScript高级主题：解释一下 JavaScript 中的事件循环（Event Loop）。
东方睿赢
54 0
CodeQi技术小栈
|
1月前
|
JavaScript
Vue.js 中的 $v 和 $event 代表什么？
Vue.js 中的 $v 和 $event 代表什么？
CodeQi技术小栈
22 6
朝阳39
|
2月前
|
JavaScript 前端开发 API
js 运行机制（含异步机制、同步任务、异步任务、宏任务、微任务、Event Loop）
js 运行机制（含异步机制、同步任务、异步任务、宏任务、微任务、Event Loop）
朝阳39
27 0
阿珊和她的猫
|
4月前
|
前端开发 JavaScript
深入理解JavaScript的事件循环（Event Loop）
深入理解JavaScript的事件循环（Event Loop）
阿珊和她的猫
37 0
SailingByte
|
4月前
|
存储 JavaScript 前端开发
JS的执行原理，一文了解Event Loop事件循环、微任务、宏任务
了解JavaScript的事件循环和任务队列对于处理异步任务至关重要。事件循环由主线程和任务队列组成，当主线程执行完同步任务后，会检查任务队列，按顺序执行宏任务和微任务。宏任务包括`setTimeout`等，微任务如`Promise`的回调。在实际开发中，事件循环保证了代码的非阻塞执行，提高了用户体验。例如，`setTimeout`的回调会在当前宏任务结束后，所有微任务执行完才会执行。理解这一机制对于解决面试中的异步问题非常有帮助。
SailingByte
54 0
JS的执行原理，一文了解Event Loop事件循环、微任务、宏任务
土木林森
|
4月前
|
JavaScript 前端开发
js开发：请解释什么是事件委托（event delegation），并给出一个示例。
事件委托是JavaScript中优化事件处理的技术，通过绑定事件处理器到共享的父元素，利用事件冒泡机制来处理子元素的事件。这种方法能提升性能、简化代码并降低内存消耗。示例展示了如何在父元素上监听`click`事件，然后通过`event.target`识别触发事件的具体子元素（如`<li>`），实现对动态生成列表项的点击事件处理。
土木林森
42 1
hhzz
|
4月前
|
存储 自然语言处理 前端开发
详谈JavaScript 二进制家族：Blob、File、FileReader、ArrayBuffer、Base64
详谈JavaScript 二进制家族：Blob、File、FileReader、ArrayBuffer、Base64
hhzz
169 1
众所周知
|
4月前
|
JavaScript 前端开发
JavaScript DOM 操作：解释一下事件冒泡（Event Bubbling）和事件捕获（Event Capturing）。
【4月更文挑战第14天】JavaScript中的事件处理包括冒泡和捕获两个阶段。事件冒泡是从根节点向目标元素逐级向上传播事件，允许在元素内部捕获外部事件。事件捕获则相反，从根节点向下到目标元素，使得外部能捕获内部事件。`addEventListener`方法用于添加事件监听器，通过`useCapture`参数切换冒泡或捕获阶段处理事件，默认为`false`（冒泡阶段）。兼容性考虑，推荐使用`addEventListener`。
众所周知
43 0
赵广陆
|
存储 移动开发 JavaScript
JS中的事件学习event
JS中的事件学习event
赵广陆
81 0

热门文章

最新文章

  • 1
    JavaScript基本数据类型分析
  • 2
    Node.js之Express、路由、中间件、接口跨域解决方案详解（附实例）
  • 3
    JS: 关于元素大小和距离的有关的属性总结
  • 4
    扩展JavaScript的时候，千万要保留其原来的所有功能
  • 5
    Javascript函数节流
  • 6
    JavaScript：String 对象
  • 7
    JavaScript 中的12种循环遍历方法
  • 8
    react.js:3640 Warning: Each child in an array or iterator should have a unique "key" prop. Check the render method of `UserList`. See https://fb.me/re
  • 9
    JS组件系列——BootstrapTable+KnockoutJS实现增删改查解决方案（四）：自定义T4模板快速生成页面
  • 10
    javaScript系列 [03]-javaScript原型对象
  • 1
    【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同？
    56
  • 2
    Vue.js 中父组件调用子组件的方法
    95
  • 3
    Vue.js 中子组件向父组件传值的方法
    55
  • 4
    使用JavaScript和XLSX.js将数据导出为Excel文件
    253
  • 5
    AngularJS是一款由Google收购的JavaScript结构框架
    53
  • 6
    JavaScript 关键字
    39
  • 7
    【Web 前端】什么是JS变量提升？
    82
  • 8
    <body> 中的JavaScript函数
    27
  • 9
    <head> 中的JavaScript 函数
    27
  • 10
    【JavaScript 与 TypeScript 技术专栏】JavaScript 与 TypeScript 的未来发展趋势
    124

    • 相关课程

    更多
  • JavaScript入门与实战
  • JavaScript 自学手册文档教程

    • 相关电子书

    更多
  • JavaScript面向对象的程序设计
  • Delivering Javascript to World
  • 编程语言如何演化-以JS的private为例

    • 相关实验场景

    更多
  • Html5和Webpack2：Webpack5打包JS和样式表
    • 下一篇
    对象存储 OSS 如何创建 bucket|学习笔记