获得触发hover事件的元素id

例: <div class="menu"> <ul> <li> <a id="menu1"></a> </li> </ul> </div> 当超链接触发hover事件时,可以用jquery这样获得a的id $(function(){$(".menu ul li a").hover( function(){ var id=$(this).att…

JQuery触发hover事件无效时使用js原生的触发事件方法

需求:在开发一个从微信公众号后台管理网页上爬取数据的chrome插件时,有部分页面元素是只显示了部分摘要信息的,需要把鼠标移上去后才能显示全部信息(类似title的弹出显示).这就需要在chrome插件中实现触发该元素的hover事件(或者mouseenter事件),让全部信息显示再从弹窗中获取数据.(由于开发时的环境需要客户提供微信公众号的后台账号等环境,这事儿过去一段时间了,无法再演示一遍) 环境:chrome浏览器问题:使用常见的jQuery触发事件方法无法成功触发事件并弹出窗口,现象表…

js实现默认或者触发一个事件选中元素内容的方法

方法一:非文本框.文本域的选中内容方法 <!Doctype html> <html> <head> <script type="text/javascript" src='http://libs.baidu.com/jquery/2.0.0/jquery.js'></script> <body> <div onclick="SelectText('myDiv')">点击选中</…

分享一个jquery插件,弥补一下hover事件的小小不足

hover事件有一个缺点:当你的鼠标无意划过一个dom元素(瞬间划过,这个时候用户可能不想触发hover事件),会触发hover事件应该设置一个时差来控制hover事件的触发比如jd左边的菜单你用鼠标瞬间划过他子菜单会弹出然后立即消失, 用户体验非常的不好. 易迅的菜单就没有这个问题 delayHover来解决这个问题啥也不说了先看调用………………………… 调用方式: var duration = 500;// 延迟500毫秒 $('#div1').delayHover(function…

input标签内容改变触发的事件

原生方法 onchange事件 <input type="text" onchange="onc(this)"> function onc(data){ console.log(data.value); } onchange事件在内容改变且失去焦点的时候触发.即,失去焦点了内容未变不触发,内容变了未失去焦点也不实时触发.js直接更改value值时不触发 oninput事件 <input id="inp" type="t…

第九课-1 事件的状态Event 对象，事件，元素，节点的关系，事件委托currentTarget与target的区别

<ul> <li>1itme1</li> <li>2itme2</li> <li>3itme3</li> <li>4itme4</li> <li>5itme5</li> </ul> <script> var lis=document.getElementsByTagName("li"); for(var i=0;i<lis.l…

hover事件优化（延时操作）

JQ的hover事件拓展编写原因:当鼠标滑过某个带有hover事件的元素,但是仅仅是路过,并不是希望查看此部分内容的时候,效果不理想 $.fn.extend({ delayed : function(fn1,fn2,time){ time = time || 150 var _this = this; _this.delayedTimer = null; return $(this).mouseenter(function(){ clearTimeout(_this.delayedTimer)…

html5——:hover事件触发自己的:afert伪元素事件

:hover事件触发自己的:afert伪元素事件中间是没有空格的…

jQuery中多个元素的Hover事件

1.需求简介 jQuery的hover事件只是针对单个HTML元素,例如: $('#login').hover(fun2, fun2); 当鼠标进入#login元素时调用fun1函数,离开时则调用fun2函数,这种API已能够满足绝大部分需求. 不过,有些时候我们希望当鼠标进入两个或多个元素“组合的区域”时触发fun1,离开他们时触发fun2,而在这些元素间移动鼠标并不触发任何事件.例如两个元素紧挨着的HTML元素,如下图: 当鼠标进入二者的“组合区”域时触发fun1,离开时触发fun2.你也许…

jquery hover事件只触发一次动画

最近工作时遇到个关于动画的问题,如下: $("div").hover( function() { $(this).animate({"margin-top":"100px"},1000); }, function() { $(this).animate({"margin-top":"200px"},1000); }); 看代码就是一个简单的鼠标滑过的动画而已,但是当我测试的时候发现,当我发神经似的来回滑动时…

【获得触发hover事件的元素id】的更多相关文章