鼠标事件的一些问题

最新推荐文章于 2022-10-17 21:21:17 发布
最新推荐文章于 2022-10-17 21:21:17 发布
阅读量370 收藏
点赞数
分类专栏： 前端技术
版权声明：本文为博主原创文章，遵循 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
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
QML 鼠标事件
青春不老，奋斗不止！
02-27 2214
QML 中有一些元素本身是不具备交互能力的（例如：Rectangle、Text、Image 等），那么如何通过鼠标来控制它们的行为呢？这里就需要用到 MouseArea 元素了。
JavaScript 鼠标事件
司马懿的西山居
12-14 1426
JavaScript 鼠标事件有以下8种 mousedown 鼠标的键钮被按下。 mouseup 鼠标的键钮释放弹起。 click 鼠标左键（或中键）被单击。 事件触发顺序是：mousedown -> mouseup -> click dblclick。 鼠标左键（或中键）被双击。 事件触发顺序是：mousedown -> mouseup -> click -> mousedown ->
jQuery中鼠标事件的对比与问题分析
FreeSpider
06-01 351
一、最简单的鼠标事件–进入与离开 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/...
记录鼠标事件
m0_49892377的博客
01-28 147
鼠标事件触发类型 click dbclick mousedown mouseup mouseover mouseout mousemove 鼠标在某个元素上时持续发生 鼠标触发触发顺序 mousedown → mouseup → click→ mousedown → mouseup → click → dblclick 鼠标定位 当事件发生时，获取鼠标...
【web】-鼠标事件
博客
10-17 102
over与enter区别：建议使用后者（在有子级时），over与out在指针进入子级标签时会再次触发
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()`阻止超链接默认...
yui技术
不是毛帅的专栏
02-10 1153
<br />yui技术<br />看了一个下午的yui的例子，网上对以yui的资料比较少，还都弹出一个yui歌手，我了个去，只好硬着头皮看了一下午的yui提供的example。yui对于底层的东西写的特别好，就像某个博客说的，yui并不一定要你的浏览器的js，反正所有信息都会展现在页面上，这点和ext的各种divdiv的一层一层封装较为简单，ext是基于yui开发出来的，所以yui看起来并没有像ext这么炫，但功能的扩展性确实是yui来的强大，我还注意了几个包，datatable,treeview,logg
ajax刷新问题更正
不是毛帅的专栏
05-04 557
<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 467
<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
一个解决方案
不是毛帅的专栏
08-02 451
Cms2.0解决方案 相霄2014.8.1 海康产品架构，是以硬件设备为主，软件cms应用为辅的一个总体结构。Cms传统的模式是以树，列表，弹出框等组件完成复杂的内容管理，cms的理念和页面风格已经延续了将近10年了，而我们的cms1.5版本也并没有跳出传统框架的模式。这里我提2个例子，19楼曾是最著名的论坛系统，但在近几年的发展中只是扩展多种多样的业务和固定的访问人群，并没有在页面和技术上进
bootstrap tooltip
不是毛帅的专栏
11-05 396
html: xxxx js: $(".tooltips").tooltip();//显示title
正则表达式基础篇一
不是毛帅的专栏
11-09 378
str = i am genius . 匹配除换行符以外的任意字符 /./.test(str) = true \w 匹配字母或数字或下划线或汉字 /\w/.test(str) = true \s 匹配任意的空白符 /\s/.test(str) = true \d 匹配数字 /\d/.test(str) = false \b 匹配单词的开始或结束 \b不是很理解 ^ 匹配字符串
[JS]鼠标事件穿透的问题
最新发布
06-03
解决鼠标事件穿透的问题通常有以下几种方法： 1. 阻止事件冒泡和默认行为：在事件处理函数中使用 `event.stopPropagation()` 来阻止事件冒泡，使用 `event.preventDefault()` 来阻止默认行为。 2. 使用 `pointer-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值