javascript - 我给一个Div添加了mouseup事件 如何在点击div的滚动条时不出发mouseup事件?如何用js解决?

查看:145
本文介绍了javascript - 我给一个Div添加了mouseup事件 如何在点击div的滚动条时不出发mouseup事件?如何用js解决?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

我给一个Div添加了mouseup事件 如何在点击div的滚动条时不出发mouseup事件?如何用js解决?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="http://code.jquery.com/jquery...
<style type="text/css">

ul{ display: block; width: 100px; height: 200px; overflow: auto; margin: 20px auto; border: 1px solid red; }
ul li{display: block;}

</style>
</head>
<body>

<ul>
    <li>8000</li>
    <li>8000</li>
    <li>8000</li>
    <li>8000</li>
    <li>8000</li>
    <li>8000</li>
    <li>8000</li>
    <li>8000</li>
    <li>8000</li>
    <li>8000</li>
    <li>8000</li>
    <li>8000</li>
    <li>8000</li>
    <li>8000</li>
    <li>8000</li>
    <li>8000</li>
</ul>

</body>
</html>
<script type="text/javascript">
$(function(){

$("ul").mouseup(function(event) {
    alert(1);
});

});
</script>

解决方案

滚动条属于ul,所以肯定会触发,可以考虑在外面加一个div,添加宽高overflow属性,内部的ul高度自动就好这样给ul添加点击事件就不会再触发了

这篇关于javascript - 我给一个Div添加了mouseup事件 如何在点击div的滚动条时不出发mouseup事件?如何用js解决?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆