鼠标事件的一些问题

最新推荐文章于 2022-11-14 09:21:42 发布
最新推荐文章于 2022-11-14 09:21:42 发布
阅读量371 收藏
点赞数
分类专栏： 前端技术
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xxholly32/article/details/38867023
版权

项目中遇到这种情况

在input的blur或者focusout的时候，对别的组件点击进行判断阻止blur事件


这里有几个点要注意的

1：input是有blur事件的，div是只有mouseover,mouseout,mousedown事件的

2：blur在别的组件的click事件之前，但是在mouse**事件之后包括mousedown，可以在mouse**后的阻止事件

3：阻止事件，一般分几种，return false，是e.preventDefault()和e.stopPropagation()全写，通常用到的e..stopPropagation(),另一种在表单验证等一些特殊场景中会出现

xxholly32
关注
专栏目录
QML 鼠标事件
青春不老，奋斗不止！
02-27 2241
QML 中有一些元素本身是不具备交互能力的（例如：Rectangle、Text、Image 等），那么如何通过鼠标来控制它们的行为呢？这里就需要用到 MouseArea 元素了。
鼠标滚轮事件onmouewheel
Mr.ShyZhang趟过的前端“小路坑”
05-28 1303
鼠标滚轮事件onmouewheel     1. onmouewheel        事件触发条件：当鼠标滚轮向上或者向下滚动时        用法：document.onmousewheel = function() { }        兼容性问题：            IE 和 chrome 都支持 onmouewheel , 火狐浏览器不支持， 只支持自己的 DOMMouseScro...
JavaScript 鼠标事件
司马懿的西山居
12-14 1429
JavaScript 鼠标事件有以下8种 mousedown 鼠标的键钮被按下。 mouseup 鼠标的键钮释放弹起。 click 鼠标左键（或中键）被单击。 事件触发顺序是：mousedown -> mouseup -> click dblclick。 鼠标左键（或中键）被双击。 事件触发顺序是：mousedown -> mouseup -> click -> mousedown ->
jQuery中鼠标事件的对比与问题分析
FreeSpider
06-01 354
一、最简单的鼠标事件–进入与离开 1.$(selecter).mouseover(callback) 鼠标拂过对象上方时，会自动调用回调函数，执行相关操作 2.$(selcter).mouseout(callback) 鼠标离开对象时，会调用回调函数，执行相关操作 3.$(selecter).mouseenter(callback) 鼠标进入对象所在范围时，会调用回调函数，...
鼠标事件处理注意
weixin_30512785的博客
09-12 86
今天在解决客户问题的时候发现一个技巧：如果想实现鼠标点击事件（click），最后把事件处理内容放到鼠标释放方法里处理，这样避免按下鼠标的过程中移动鼠标会造成期望的结果跟实际的效果不一致的情况；当然了，如果需要处理拖动事件，则这样做就不行了，不过这样应该就不会出现鼠标无意中滑动造成结果错误的情况了。 转载于:https://www.cnblogs.com/Kampf/archive/2012/09/...
鼠标事件、键盘事件，你听过嘛？
微风洋洋的博客
03-23 5991
不会还有人没听过键盘事件吧
selenium鼠标事件
柳轻声的博客
08-06 4140
鼠标事件 对于鼠标事件，相信大家都不陌生。鼠标事件分很多种，其中有之前提到的单击，因为单击事件比较重要作者就早点介绍了。鼠标事件包含单击、双击、拖动右击等。最常用的就是单击。但是Selenium是比较强大的事吧！哈哈，Selenium也提供了许多的鼠标事件，供大家使用，下面逐一介绍。鉴于单击前面已介绍过，所以后面就不再介绍单击事件了。 一、右击鼠标事件 右击事件一般是在有附加菜单的情况下使用，或...
C++ opencv 鼠标事件响应
weixin_46098612的博客
11-14 2510
setMouseCallback要传入窗口的名字，所以要使用namedWindow事先创建一个窗口，不然会报错。我们绘制矩形的时候，如果终点在图像外就会报错，只要根据if判断即可，不过本文没有处理。左键按下 - EVENT_LBUTTONDOWN。为了演示通过鼠标绘制矩形，我们选择三个鼠标事件。鼠标移动 - EVENT_MOUSEMOVE。左键松开 - EVENT_LBUTTONUP。我们这里，实现了通过鼠标在四个区域绘制矩形。
js 鼠标事件的抓取
10-29
### JS鼠标事件抓取知识点详解 #### 一、概述 在Web开发中，鼠标事件是非常常见且重要的交互方式之一。合理地使用鼠标事件能够极大地提升用户体验，并为用户提供更丰富的交互功能。本文将详细介绍如何在JavaScript...
html中鼠标滚轮事件onmousewheel的处理方法
09-01
本文将详细介绍如何使用`onmousewheel`事件处理鼠标滚轮的滚动行为，并探讨不同浏览器之间的兼容性问题。 首先，`onmousewheel`事件是HTML元素上的一个事件处理器，用于监听鼠标滚轮的滚动动作。当用户滚动鼠标滚轮...
javascript实现禁止鼠标滚轮事件
10-23
然而，作者指出，这次并不是因为老旧浏览器的问题，而是因为Mozilla Firefox浏览器在实现鼠标滚轮事件监听时与众不同。它没有使用主流的MouseWheel事件，而是使用了DOMMouseScroll事件，这让开发者不得不面对额外的...
javascript 不让鼠标事件触发
01-19
综上所述，要防止鼠标事件触发div上加了onclick事件时，点击内部超链接不触发div的事件，需要在a标签的事件处理函数中使用`event.stopPropagation()`来阻止事件冒泡，并使用`event.preventDefault()`阻止超链接默认...
python监听鼠标事件_Python 键盘鼠标监听
weixin_39758712的博客
12-07 1969
异想天开的想记录一下自己每天的键盘键位走向，于是就在网上搜索了一下相关的实现，然后就发现了一个第三方的库pyHook.封装的很好，我们只需要傻瓜式的调用里面的API就可以了。下面是我在使用pyHook 的过程中遇到的问题和经验总结。准备工作操作系统： windows7 64位旗舰版Python版本： 2.7.11第三方库：pyHook 下载地址pythoncom /pywin32 下载地址IDE：...
一个鼠标移出事件引发的问题
热门推荐
wonderful_life_mrchi的博客
09-02 1万+
onmouseout和onmouseover事件在没有子元素的元素中可以正常响应事件代码，可是如果该元素涉及到子元素，则会因为事件冒泡机制，导致非正常响应，下文就是透析现象的本质，并提供了解决方案。
yui技术
不是毛帅的专栏
02-10 1155
<br />yui技术<br />看了一个下午的yui的例子，网上对以yui的资料比较少，还都弹出一个yui歌手，我了个去，只好硬着头皮看了一下午的yui提供的example。yui对于底层的东西写的特别好，就像某个博客说的，yui并不一定要你的浏览器的js，反正所有信息都会展现在页面上，这点和ext的各种divdiv的一层一层封装较为简单，ext是基于yui开发出来的，所以yui看起来并没有像ext这么炫，但功能的扩展性确实是yui来的强大，我还注意了几个包，datatable,treeview,logg
ajax刷新问题更正
不是毛帅的专栏
05-04 558
<br />X.onreadystatechange = function(){ <br />                 if (X.readyState == 4) {<br />                     if((X.status  >= 200 && X.status  < 300) || X.status  == 0){<br /> //                        if()<br />                             onsuc
一些框架封装
不是毛帅的专栏
04-02 469
<br />ajax封装：<br />A.Ajax.doAjax = function (vo)<br />     {<br />         var url = vo.url,            //url<br />             onsuccess = vo.onsuccess, //成功回调函数<br />             onfailure = vo.onfailure, //成功回调函数<br />             fdata = vo.params
[JS]鼠标事件穿透的问题
最新发布
06-03
鼠标事件穿透指的是当鼠标事件（如点击、滚动等）在某个元素上触发时，该元素下方的其他元素也会接收到该事件。这通常会导致一些意想不到的问题，如在一个弹出框中滚动时，背景页面也会滚动。 解决鼠标事件穿透的问题通常有以下几种方法： 1. 阻止事件冒泡和默认行为：在事件处理函数中使用 `event.stopPropagation()` 来阻止事件冒泡，使用 `event.preventDefault()` 来阻止默认行为。 2. 使用 `pointer-events: none` 样式：将需要遮挡的元素的 `pointer-events` 样式设置为 `none`，这样该元素将不再接收任何鼠标事件。 3. 使用遮挡层：在需要遮挡的区域上添加一个遮挡层，将其 z-index 设置为更高，这样该层下方的元素将不再接收任何鼠标事件。 需要注意的是，使用以上方法时应结合具体情况进行选择，以避免出现其他问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值