300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > jQuery.trigger()触发hover等事件问题的解决办法分享

jQuery.trigger()触发hover等事件问题的解决办法分享

时间:2020-04-20 18:36:04

相关推荐

jQuery.trigger()触发hover等事件问题的解决办法分享

web前端|js教程

jQuery.trigger,hover,题事件,触发

web前端-js教程

对于Trigger的用法也百度了解过,目的为了在匹配的元素上触发制定的事件,但是对于这个解释还是模棱两可,下面请帮忙看下代码

wpzheng整站源码,ubuntu每天定时备份,爬虫比赛怎么玩,php申诉系统,seo 通用 格式lzw

这是一个基本的焦点轮播图的js代码

分布式进度条源码,vscode选择所有字符,ubuntu 启动方式,更改tomcat缓存大小,sqlite数据库能打开吗,如何用爬虫软件搜索我想要的信息,php 处理换行,抖音seo搜索图片,网站商城系统,dreamweaver模板下载lzw

$(".scroll").mouseenter(function() { if(adTimer){ clearInterval(adTimer); }}).mouseleave(function(event) { adTimer =setInterval(function(){ showImg(index); index++; if (index==len) {index=0;}; },3000);}).trigger(mouseleave);

悬停图片时候clearinterval,离开图片时触发setinterval

java大转盘抽奖源码,爬虫vscode,ubuntu 安装ppa,tomcat水平,sqlite 结果行数,香港 云服务器 试用,js日历插件代码,登录前端页框架,爬虫 柳州,php冒泡排序代码,水玲珑SEO,网站风格种类,javascript 网页报时,discuz摄影模板,html 菜单页面跳转,后台管理系统背景图片,微信小程序仿通讯录lzw

但是关于最后一句.trigger(‘mouseleave’)实在不明白含义,只知道为了实现开启网页就自动触发计时器,让轮播图开启切换,而不是等待Mouseleave后再触发事件。

主要的疑问就是在Trigger身上,以及在这里是如何实现的?谢谢各位大神了

应该是类似初始化的意思,他写成链式的了。整个代码的逻辑是:1.绑定鼠标进入时间;2.绑定鼠标离开事件;3.触发一次鼠标离开事件,即初始化执行setInterval。

这种写法我个人是不大推荐的。我会这样写:

// 对象变量var $scroll = $(.scroll), adTimer = null;// 事件绑定$scroll.on({ mouseenter.scroll: function (e) { e.preventDefault(); // 清除计时 if (adTimer) { clearTimeout(adTimer); } }, mouseleave.scroll: function (e) { e.preventDefault(); // 开始计时 adTimer = setTimeout(function () { // 执行其他逻辑 // ···· }, 3000); }});// 初始化$scroll.trigger(mouseleave.scroll);

$(".scroll").mouseenter(function() { if(adTimer){ clearInterval(adTimer); }}).mouseleave(function(event) { adTimer =setInterval(function(){ showImg(index); index++; if (index==len) {index=0;}; },3000);});$(".scroll").trigger(mouseleave);

我觉得这样,你会更明白

trigger就是不需要你处发生事件,自动执行事件啊。自定义事件,就得用trigger来触发了。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。