- 给span标签添加鼠标移入移出事件，在移到span标签里的部分文字的时候也会触发鼠标移出事件。
<span onmouseenter="shows()" onmouseleave="hides()" >百10</span>
在移到中文的百字没问题，移到的数字10的时候就会触发移出、移入事件。
请教各位是什么原因，怎么处理？？
为什么鼠标移出事件会在标签的文字上触发？？怎么解决这个问题？？
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
2条回答 默认 最新
- 2020-03-14 14:18艾光远的博客 鼠标经过时自身触发事件，其子元素同时也触发该事件； 父亲有的东西，儿子也有，支持冒泡 2.onmouseenter与onmouseleave 鼠标经过时自身触发事件，其子元素不触发该事件。 父亲的东西就是父亲的，儿子没有，不...
- 2023-11-01 11:34懒鱼七忆的博客 一个很常见的问题，添加某一条信息的时候，例如输入账号之后，在输入密码的时候，立即对账号的输入框进行一个简单的验证。
- 2023-04-06 11:08Mxin5的博客 vue实现鼠标移入移出事件+解决鼠标事件没有反应
- 2025-04-20 09:45前端熊猫的博客 原生 HTML 的`title` 属性修改触发事件为鼠标移入移出显示
- 2025-06-12 11:14小妖666的博客 关于 vue dom 上 mouseup 脱离元素无法触发的问题?
- 2023-01-06 17:14又可乐的博客 如果你想要在 Vue.js 中编写一个鼠标移出事件，你可以使用 v-on 指令，将它绑定到一个特定的方法。</p> <p>例如：</p> <p>``` <template> <div v-on:mouseleave="mouseLeaves"&.....
- 2021-09-09 11:27JackieDYH的博客 当为某一组件(如div或ul)设置这两个事件时，当事件的target是该组件时，就会触发mouseover，但是当鼠标划到该组件的子组件上时，因为target改变了，所以就触发了 mouseout 事件，这往往就会造成页面元素的闪烁。...
- 2023-09-15 17:27小跳不会Coding的博客 【代码】jquery解决鼠标移入移出 多次触发的问题。
- 2024-10-30 22:15九幽玄天神君的博客 【代码】DOM---鼠标事件类型（移入移出）
- 2024-11-24 12:19觉醒法师的博客 在项目中，在做线性图表时，遇到一个需求是：在鼠标悬停在某条单线上时，只显示当前线的信息，这样则需要触发mouseover事件。如上图，当鼠标放到图表上时，通过tooltip中的formatter回调函数返回的参数为两条线的...
- 没有解决我的问题, 去提问
