JavaScript鼠标事件之Event的附加信息

最新推荐文章于 2022-05-19 19:46:51 发布
最新推荐文章于 2022-05-19 19:46:51 发布
阅读量210 收藏
点赞数
分类专栏： # JavaScript 文章标签： JavaScript DOM2 鼠标事件 Event
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Wind_waving/article/details/87889980
版权

鼠标事件发生时Event对象的附加属性

属性 描述 altKey / ctrlKey / shiftKey /metaKey 表示某个键是否按下，是返回true，否则返回false

button

表示哪个鼠标键被按下，0为左键，1为中键，2为右键 clientX / clientY  /  screenX / screenY 鼠标点击时在浏览器上 / 屏幕上的坐标 detail 鼠标点击的次数 relatedTarget 与事件相关的节点

 

风兮w
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Event对象之鼠标事件
zzzzz周绍辉的博客
07-22 929
Event 对象Event 对象Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。事件通常与函数结合使用，函数不会在事件发生前被执行！事件句柄　(Event Handlers)HTML 4.0 的新特性之一是能够使 HTML 事件触发浏览器中的行为，比如当用户点击某个 HTML 元素时启动一段 JavaScript。下面是一个属性列表，可将之插入
eventbug:Firebug 扩展 - Firebug 的事件视图
07-02
通过`Elements`面板，可以查看元素属性中的`Event Listeners`，这里会列出附加到选定元素的所有事件处理程序。 在日常开发中，熟练掌握事件调试技巧对于优化JavaScript应用性能至关重要。理解事件冒泡和事件捕获...
通过鼠标事件改变元素的某种状态
zsf0615020117的专栏
08-30 552
            Style Example               Move your mouse over the square.                     style="background-color: red; height: 50px; width: 50px"             onmouseover="this.style.backgroundColo
Event事件学习实用路线（7）——Event事件之事件鼠标信息——案例：实现鼠标跟随
xiao廸要飞
04-25 280
鼠标位置获取 鼠标事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <met...
响应者和响应者链
henry_sea的专栏
08-23 6052
核心的应用程序对象－NSApplication、NSWindow、和NSView－都是响应者，它们是NSResponder（参见图6-19）的直接或间接子类的实例。这个抽象类定义了能够响应事件的对象的接口和期望的行为。NSResponder的子类完全或部分实现了这个行为。
attachEvent与new Function,js给事件加参数
familyX的专栏
12-06 3660
 先看两个 例子:例一: script language="javascript">...    function addChange(id,ds)    ...{        var sid = document.getElementById(id);        sid.onchange = new Function("dds("+ds+")");    }      
自定义 IE 鼠标右键弹出式.rar_javascript
最新发布
09-23
在JavaScript中，可以使用`addEventListener`或`attachEvent`（对于旧版IE）来监听鼠标的`contextmenu`事件，这个事件在用户按下鼠标右键时触发。一旦捕获到这个事件，就可以阻止浏览器显示默认的菜单，然后创建并...
JavaScript实战之菜单特效
10-21
3. **事件对象**：在事件处理函数中，`event`对象提供了有关触发事件的信息，如`target`属性可以获取触发事件的元素。 4. **透明度和动画**：通过修改元素的`opacity`属性来改变透明度，结合定时器（`setTimeout`或`...
jQuery鼠标移入方向感知特效特效代码
03-20
该特效的核心在于鼠标移入事件（mouseenter）和鼠标离开事件（mouseleave）。通过监听这两个事件，我们可以知道用户何时进入和离开元素。在九宫格布局中，每个小格子都是一个独立的元素，我们需要为每个元素添加这些...
第十五课 事件1
08-03
了解和熟练掌握事件处理是JavaScript前端开发中的基础技能，这包括正确地绑定事件、处理各种类型的事件以及有效地利用事件对象来获取更多信息。通过持续学习和实践，你可以进一步提升在前端开发中的能力，实现更丰富...
js函数中传入的event参数
热门推荐
sinat_27801935的博客
07-13 2万+
event是事件的参数啊！在event中包含了事件触发时的参数，比如click事件的event中包含着.e.pageX,e.pageY,keydown事件中包含着ev.keyCode等，在ie中，event是全局的可以通过window.event来获取，在其他浏览器中都是作为参数传入的。 所以好多事件函数都是这样写： mydiv.onclick = function(ev){ if(!ev
[js点滴]JavaScript之鼠标事件04
图解AI
11-13 7445
鼠标事件事件种类鼠标事件指与鼠标相关的事件，主要有以下一些。（1）click事件click事件当用户在Element节点、document节点、window对象上，单击鼠标（或者按下回车键）时触发。“鼠标单击”定义为，用户在同一个位置完成一次mousedown动作和mouseup动作。它们的触发顺序是：mousedown首先触发，mouseup接着触发，click最后触发。下面是一个设置click事
js事件基础（事件event对象,事件冒泡，鼠标键盘事件）
weixin_40512519的博客
09-14 2084
事件对象（获取事件的详细信息）和事件冒泡： 什么是event对象：获取事件的详细信息：鼠标位置、键盘按键。                    document本质：document.childNodes[0].tagName 获取event对象（兼容性写法）：var oEvent=ev||event; //点击界面没有反应。因为body里面没有内容，没有撑开。 &lt;script&gt...
js 实现快捷键-event:altKey ctrlKey shiftKey
zhuchunyan_aijia的博客
06-06 3857
http://www.w3school.com.cn/jsref/dom_obj_event.asp Event 对象 鼠标 / 键盘属性 属性 描述 altKey 返回当事件被触发时，"ALT" 是否被按下。 button 返回当事件被触发时，哪个鼠标按钮被点击。 clientX 返回当事件被触发
鼠标事件-MouseEvent
weixin_34148456的博客
08-17 1264
当鼠标进行某种操作时，就会生成一个event对象，该对象记录着鼠标触发事件时的所有属性。 可以通过如下方法在google控制台打印出 MouseEvent 对象。 function mouseDown(e){ var e = e||event; console.log(e)}window.onload = function (){ document.getE...
鼠标事件
段位十足的博客
09-08 2539
click：单击事件。 dblclick：双击事件。 mousedown：按下鼠标键时触发。 mouseup：释放按下的鼠标键时触发。 mousemove：鼠标移动事件。 mouseover：移入事件。 mouseout：移出事件。 mouseenter：移入事件。 mouseleave：移出事件。 contextmenu：右键事件。 mouseover事件和mouseenter事件，都是鼠标进...
Event事件——鼠标事件
m0_62903673的博客
05-19 672
首先，什么是事件，事件就是可以被控件识别的操作，每一个控件、按钮都有自己的触发机制和产生相关的事件。比如，在搜索框上点击他就会出现光标让用户输入东西，这就是由点击产生的事件。在js里边事件由更好的定义。 基本事件类型分为 UI事件，鼠标事件，键盘事件，表单事件等。 接下来先对UI事件和键盘事件进行介绍： 1. UI事件就是不一定与用户操作有关的事件。它包含三个属性，load，resize，和scroll。 （1）load 当页面完全加载后在window上触...
MATLAB鼠标事件应用（记录）
weixin_39090239的博客
06-05 7899
前记： 人机交互的方式--键盘开关、鼠标、触摸屏、体感传感器（Kinect、leap motion）等的使用大大促进人与机器的交流过程。这里记录鼠标事件与MATLAB的结合，为后期机器人仿真控制打下基础---如鼠标直接拖动机器人运动（像很多机器人仿真软件里的作用一样，如Robotstudio、soldworks、proe\core、Adams等）。1、鼠标画矩形 代码功能：运行代码在...
JavaScript事件处理详解：从基础到应用
事件处理程序可以接收一个参数，即事件对象，它包含有关事件的信息，如event.target指向触发事件的元素，event.type表示事件类型，以及event.preventDefault()阻止默认行为等。 掌握这些事件处理知识后，开发者能够...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值