解决鼠标拖动和单击事件共存
标签:
JavaScript
<script type="text/javascript"> var isMousemove=false;//全局变量,用来存贮鼠标移动状态 $(function(){ isMousemove=true;//设置鼠标移动为真 $("#list1, #list2,#list3").dragsort({ dragSelector: "li", dragBetween: true, dragEnd: saveOrder, placeHolderTemplate: "<li class='placeHolder'></li>" }); function saveOrder() { isMousemove=true;//设置鼠标移动为真 var data = $("#list1 li").map(function() { return $(this).children().html(); }).get(); $("input[name=list1SortOrder]").val(data.join("|")); }; $(".list_title").click(function(){ $(this).siblings("ul").toggle(); }); $(".list_child").click(function(){ if(!isMousemove){//判断鼠标移动是否为真 alert("拖拽能能触发点击我么?"); return false; }else{ isMousemove=false; } }) }) </script>
点击查看更多内容
为 TA 点赞
评论
共同学习,写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦