javaScript常见的事件onblur、onmousedown、onmouseout 鼠标从某元素移开 onmouseover 鼠标被移到某元素之上 onmouseup 某个鼠标按键松开

最新推荐文章于 2024-05-13 11:14:05 发布
最新推荐文章于 2024-05-13 11:14:05 发布
阅读量658 收藏
点赞数
分类专栏： javaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41080067/article/details/94409626
版权

属性 描述
onblur 元素失去焦点
onfocus 元素获得焦点
onchange 用户改变域的内容
onclick 鼠标点击某个对象
ondblclick 鼠标双击某个对象
onkeydown 某个键盘的键被按下
onkeyup 某个键盘的键被松开
onload 某个页面或图像被完成加载
onmousedown 某个鼠标按键被按下
onmouseout 鼠标从某元素移开
onmouseover 鼠标被移到某元素之上
onmouseup 某个鼠标按键被松开
onsubmit 提交按钮被点击

左--右
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js拖拽时禁止触发单击事件的方法三种方法
first_shun的博客
09-26 5745
在一个元素既有拖拽事件，又有单击事件的时候，会发现每一次拖拽后都会触发元素的单击事件，所以我们得在拖拽事件的时候屏蔽掉元素的单击事件所绑定的方法。元素拖拽和单击事件触发的顺序是mosuedown,mousemove,mouseup,click，所以就需要针对这个事件顺序在拖拽的时候屏蔽单击事件。主要有以下三种方法来在拖拽事件中屏蔽掉单击事件的执行： 1、监听mousemove事件，在mousemove中加状态，在click事件中监听该状态 var elIsMove = ...
Javascript基础知识（二）事件
12-11
1. 鼠标事件：包括`onmouseover`、`onmouseout`、`onmousedown`、`onmouseup`、`onclick`和`ondblclick`，分别对应鼠标进入、离开、按下、释放、点击和双击事件。 2. 键盘事件：`onkeydown`、`onkeyup`和`onkeypress...
js 元素拖拽，并阻止触发元素的点击事件
qq_34799366的博客
11-10 1114
js 图标拖拽
原生js拖拽元素(onmouseup不能够触发的原因)
最新发布
wzw88486969的专栏
05-13 132
onmouseup不能够触发的原因：https://blog.csdn.net/z467469274/article/details/77332830?这次拖拽遇见一个问题，有时在拖拽的时候吗，鼠标松开，元素仍然可以拖拽；会触发H5原生的拖拽事件。并且不会监听到onmouseup,我们经常会遇见拖拽某一个元素的场景，拖拽也是很常用的；解决办法就是直接干掉H5的拖拽事件。从而导致鼠标松开也能够拖拽。
如何实现鼠标移入或移出使元素显示或隐藏
热门推荐
weixin_44540178的博客
05-27 2万+
开发工具与关键技术：VS HTNL CSS3 javascript jQuery 作者：Li Mingrun 撰写时间：2019年5月26日 在程序的页面中，页面可能涉及很多方面的功能，可能需要隐藏起来，当鼠标移动到特定的位置时，使其功能显示出来或已经显示的功能的剩下功能显示，当鼠标移出特定位置或区域时，使其隐藏。 例如： 1，某些网站上的购物车，当鼠标移入购物车图标时，他会显示一个框，来...
JS Onblur 与Onclick事件冲突的解决办法
yelangshisan的专栏
12-30 9547
场景：百度的搜索框 输入检索字后下拉会有对应的列表出来，要求点击搜索框外的区域下拉列表消失，点击下拉列表的某个记录后跳转。实现方式为 input 的onchange+onblur 与列表的onclik 。这样就会存在一个问题，当点击列表时 input 的onblur就先发挥作用，导致列表的onclik无效（js的单线程限制了只允许一个事件触发，onblur的优先性高于onclick）. 解决办法
总结javascript鼠标事件笔记
12-30
JavaScript 鼠标事件是Web开发中不可或缺的一部分，它们使得网页与用户的交互更加丰富和动态。下面是对这些事件的详细解释： 1. onclick：当鼠标单击元素时触发，通常用于执行与点击相关的操作，如链接跳转、按钮...
鼠标触发的事件，JS脚本
07-04
5. onMouseOver：当鼠标移动到某对象范围的上方时触发的事件。 6. onMouseMove：鼠标移动时触发的事件。 7. onMouseOut：当鼠标离开某对象范围时触发的事件。 这些事件可以被用来实现各种交互效果，如 hover 效果、...
js鼠标事件大全js鼠标事件大全
01-04
JavaScript（简称JS）鼠标事件是网页交互中常用的一类事件，它们允许开发者在用户与页面上的元素进行鼠标操作时执行特定的功能。以下是一些主要的JS鼠标事件及其详细解释： 1. onClick：当用户单击鼠标按钮并在同一...
鼠标事件列表--html中所有事件的列表
09-06
4. onMouseUp：当鼠标按钮被释放时触发，与onMouseDown相呼应，常用于实现拖放功能。 5. onMouseOver：当鼠标指针进入元素边界时触发，常用于显示提示信息或改变元素样式。 6. onMouseMove：只要鼠标在页面上移动...
html5鼠标事件HTML onmousedown,up,over,out,move 事件属性
weixin_30300523的博客
07-24 736
当在段落上按下鼠标按钮时执行一段 JavaScript： 定义和用法 // onmousedown 属性在鼠标按钮在元素上按下时触发。 //提示：相对于onmousedown 事件的事件次序（限于鼠标左/中键）： //onmousedown onmouseup onclick // 相对于 onmousedown...
关于onblur事件的覆盖问题
三个石头的专栏
12-02 839
onblur事件会覆盖其他时间除了onmousedown事件。 比如我们有这样一个例子：  New Document  我们先在输入框内输入内容，然后直接去点按钮，只有名字为testOnmousedown的button能弹出内容为b的alert框  
onblur和onclick冲突的解决方法
RebootTang的博客
08-12 4370
场景：input输入框绑定onblur事件，input输入框的确认按钮绑定onclick事件。在点击确认按钮的的同时，input也失去了焦点，所以会触发onblur事件，并且onblur会优先于onclick执行。这就会导致按钮的onclick事件无法正确执行，解决办法有两种： 1.给onblur加settimeout, 然后onclick中cleartimeout。也就是说让onblur延迟一段...
鼠标事件
m0_46350939的博客
09-18 111
 onclick 鼠标点击某个对象 onerror 当加载文档或图像时发生某个错误 onfocus 元素获得焦点 onblur 元素失去焦点 onkeydown 某个键盘的键被按下 onkeypress 某个键盘的键被按下或按住 onkeyup 某个键盘的键被松开 onload 某个页面或图像被完成加载 onmousedown 某个鼠标按键被按下 onmousemove 鼠标被移动 onmouseout 鼠标从某元素移开 onmouseover 鼠标被移到某元素之上 onmouseup 某个鼠标按键被松开
鼠标移开使得input框聚焦状态消失
06-09
如果你希望在鼠标移开时 input 框的聚焦状态消失，可以通过监听 input 的 `blur` 事件来实现。 在 `blur` 事件中，你可以调用 ...这样，当鼠标从 input 上移开时，也会触发 blur 事件，输入框的聚焦状态也会消失。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值