JS问题/jquery问题 如何让DIV里的元素不触发mouseover事件?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS问题/jquery问题 如何让DIV里的元素不触发mouseover事件?相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>测试</title>
<style type="text/css">.testwidth:500px; height:100px; background:red; margin-top:270px;
</style>
<script type=text/javascript src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript">$(function() $('.test').mouseover(function()
alert(1);
);
);
</script>
</head><body>
<div class="test">
<a href="#">xxxx</a>
</div>
</body>
</html> //当鼠标移动到test的时候输出1,当鼠标移动到test里的a的时候又触发了一次mouseover,应该如何让它不触发?

$(".test").mouseover(function()
alert("aaa");
).find("*").mouseover(function()return false;);
);
要阻止事件冒泡,比较傻的方法...网上的event.stopPropagation()不好用,还有兼容性问题...干脆继续用jq重写元素事件,或者你用hover方法,好像没有冒泡。
参考技术A $(function() $('.test a').mouseover(function()
alert(1);
);
参考技术B 如何不触发我不知道,但是如果想不执行的话,可以给div设置一个属性,事件函数体内部在执行有效代码前,先判断这个属性,根据这个属性值去判断,是不是你想要操作的对象,然后再去做想要完成的内容 参考技术C 真纠结,我昨天给你解决的不可以?也不结贴还来发。

网页中如何让DIV在网页滚动到特定位置时出现

我的网页中有个DIV,但是我不想让他在页头出现,如何实现在滚动条滚动到特定位置时才出现?

用js或者jquery比较好实现。
但你要知道,滚动到哪个特定位置,例如滚动到一个标题h3那显示这个div,那么可以用jquery算这个h3距离网页顶部的距离:$("h3").offset().top,这个值有了后,还要算滚动条的距离$(this).scrollTop()。第一个值是不会吧的,主要是第二个值是不断在变,所以要写到滚动方法里:$(window).scroll()。
大概整个代码是
$(function()
var h3_height = $("h3").offset().top;

$(window).scroll(function()
var this_scrollTop = $(this).scrollTop();
if(this_scrollTop>h3_height )
$("div").show();

);
);

最终代码不一定是我这样,但希望你了解整个的思路。
参考技术A 用js或者jquery比较好实现。
但你要知道,滚动到哪个特定位置,例如滚动到一个标题h3那显示这个div,那么可以用jquery算这个h3距离网页顶部的距离:$("h3").offset().top,这个值有了后,还要算滚动条的距离$(this).scrollTop()。第一个值是不会吧的,主要是第二个值是不断在变,所以要写到滚动方法里:$(window).scroll()。
大概整个代码是
$(function()
var h3_height = $("h3").offset().top;

$(window).scroll(function()
var this_scrollTop = $(this).scrollTop();
if(this_scrollTop>h3_height )
$("div").show();

);
);

以上是关于JS问题/jquery问题 如何让DIV里的元素不触发mouseover事件?的主要内容,如果未能解决你的问题,请参考以下文章

js/jquery网页每次刷新随机显示不同的DIV

js或是jquery代码怎么写让图片在一个div里实现由远到近的渐变效果,即图片慢慢放大,超出div的部分不显示

div 的显示隐藏问题

搜索框左边有下拉菜单,求大牛告诉一下js/jQuery+div+css怎么完成这个

网页中如何让DIV在网页滚动到特定位置时出现

jQuery 怎么让浮动div随着浏览器窗口滚动而滚动?