关于通过计数器来控制onmouseover事件是否执行

最新推荐文章于 2020-04-28 21:17:15 发布
最新推荐文章于 2020-04-28 21:17:15 发布
阅读量563 收藏
点赞数
分类专栏： 杂 HTML+Javascript+CSS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_15167261/article/details/46853293
版权

思路是创建一个全局变量n，初始化为true（或者数值控制onmouseover执行的次数也行，当为true时，只执行一次），当onmouseover事件执行的时候，改变该全局变量的值为false,给所有onmouse执行的操作添加一个条件if(n)，这样就可以实现让第二次onmouseover时不再执行事件内容。

这个方法肯定是行的，但是在自己用到的框架里仅定义全局变量是不行的，在使用的时候可能读取不到，还要在该变量前面加上"this."才能引用该变量，以后要注意

可能黑客
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
onmouseover事件和onmouseout事件全面理解
09-01
在JavaScript中，`onmouseover`和`onmouseout`事件是两个非常常见的用于处理用户交互的事件。它们主要用于响应用户将鼠标指针移到元素上方或移出元素时的行为。这两个事件在网页动态效果和用户界面交互设计中扮演着...
通过onmouseover选项卡实现img图片的变化
09-04
在这个例子中，我们为每个列表项（li）设置了`onmouseover`事件，当鼠标移到这些列表项上时，会执行相应的JavaScript函数。 接着，我们来看`show(n)`这个函数。它接收一个参数`n`，表示要显示的图片的编号。函数的...
JavaScript onmousemove，onmouseout，onload以及简易计算器的实现
opo77_的博客
04-28 124
鼠标事件之onmousemove，onmouseout事件 1.鼠标移动到图片上时，图片会放大，鼠标离开，图片恢复原始大小 onmouseover onmouseout <html> <head> <meta charset="UTF-8"> <title>为什么学习JavaScript</title> </hea...
绑定事件中 如可控制函数的执行次数
weixin_30360497的博客
12-06 154
var flag = true; function onlyOne() { if(flag) { "这里是要执行的代码"; } flag = false//该方法是控制函数仅执行一次 因为flag是全局变量 onlyOne()函数执行一次后flag就变成false了 函数就执行不了了 img.onmouseup=functio...
jquery鼠标经过延时处理
php_jiang的专栏
12-10 1446
jquery鼠标经过延时处理 在jquery实际开发中，我们有时会用到鼠标经过显示隐藏层这样的效果，其实这种效果随处可见，在jquery中有一个hover事件可以完成类是效果，代码很简单，如下： $(document).ready(function(){ $("选择器").hover(function(){ //鼠标经过需要执行的事件 },function(){ //鼠标
Onmouseover被调用多次
weixin_34293911的博客
09-05 1032
当一个容器，如div，不包含元素时。Onmouseover只执行一次，正常。当这个div包含其他子元素的时候，这个事件就被执行了多次，今天遇到了这个问题，特此记录下，解决方案。 这个是由于onmouseover引起的，主要是因为ul里面包含了子元素，会造出鼠标移动到子元素，比如li上面也会触发ul的onmouseover事件，造成了混乱。解决办法： 1，如果是IE浏览器，用onmo...
javaScript 事件绑定、事件冒泡、事件捕获和事件执行顺序整理总结
10-21
理解这些基本概念后，可以有效地利用JavaScript事件机制实现交互式网页，例如阻止事件冒泡以防止不必要的事件处理，或者使用事件委托来减少内存消耗和提高性能。此外，掌握`addEventListener`的第三个参数（是否阻止...
c# 在webFrom上实现tabcontrol功能（onmouseover事件，onclick事件）.zip
08-13
c# 在webFrom上实现tabcontrol功能，可以实现tabcontrol中的所有功能，包括onmouseover事件和onclick事件，程序附有注释容易理解。
js避免onmouseover onmouseout多次触发
04-09 5908
//------------------------------------------------------------ function contains(parentNode, childNode)  {     if (parentNode.contains) {         return parentNode != childNode && parentNode.conta
js中常用的事件，onclick 单击事件、onblur 失去焦点事件、onchange改变事件、onmouseover鼠标进入事件、onmouseout鼠标移除事件、onsubmit提交事件
热门推荐
ghjzzhg的博客
01-16 7万+
onclick 单击事件 onblur 失去焦点事件 onchange 当对象或选中区的内容改变时触发。 onmouseover 当用户将鼠标指针移动到对象内时触发。 onmouseout 当用户将鼠标指针移出对象边界时触发。 onsubmit 当表单将要被提交时触发。 1、静态点击事件 script type="text/javascript"> // A标签的点击事
DOM——02（获取元素；onmouseover和onmouseout、onfocus和onblur事件；案例2）
Galaksen的博客
08-05 815
目录 1.列表高亮显示(onmouseover和onmouseout 事件) 2.显示和隐藏二维码 3.根据name属性值获取元素(仅针对表单元素,表单元素才有name属性) 4.根据类样式的名字(class属性值)获取元素 5.获取元素的其他方式(根据选择器) 6.*总结获取元素的方式(*为使用频率较高的) 7.div高亮显示 8.模拟搜索框(onfocus和onblur事件) ...
通过select下拉框里的value控制div显示与隐藏
祈澈菇凉
03-23 1万+
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;script src="http://libs.baidu
onMouseEnter、onMouseLeave、onMouseOver、onMouseOut冒泡事件
Vivianluolita的专栏
12-19 1571
转自：http://www.haogongju.net/art/1085769js冒泡事件的产生: 当鼠标移动到div区域内的table、img、a等元素时触法div本身的onmouseout事件. 由于鼠标停留在div标签内部元素上,触发div的onmouseout事件肯定不是我们想要的结果,于是便产生了冒泡事件.js冒泡事件的解决方法: 当然网上解决的方法有很多,大多代码伸长,不容易理解. 而我
弹出式div随鼠标的onmouseover事件一起动
VS2008+LINQ+JAVASCRIPT
05-21 1968
function showpic(divid,picdivid)    { document.getElementById(divid).innerHTML=document.getElementById(picdivid).innerHTML        document.getElementById(divid).style.display="";        var x=window.e
vue onmouseover事件
最新发布
06-10
在 Vue 中，可以使用 `@mouseover` 或 `v-on:mouseover` 指令来绑定 `mouseover` 事件。例如： ```html <template> <div @mouseover="handleMouseOver">鼠标移动到这里</div> </template> <script> export default { methods: { handleMouseOver() { console.log('鼠标移动到了这里'); } } } </script> ``` 当鼠标移动到该 `div` 元素上时，会调用 `handleMouseOver` 方法并输出日志。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值