文档章节

简单的屏蔽mousemove和click事件

chro008
 chro008
发布于 2017/10/26 15:16
字数 154
阅读 47
收藏 0

当一个dom对象同时绑定了鼠标点击事件和鼠标拖动事件的时候,事件触发顺序如下 mousedown-mousemove-mouseup-click

但是有时候可能我们并不想拖动之后再触发点击。可以用下面的简单方法屏蔽

<script>
//label是点击 拖动的元素
var isdown = false, ismove = false;

label.onmousedown = function () {
    isdown = true;
};

label.onmouseup = function () {
    isdown = false;
};

label.onmousemove = function () {
    if(isdown) {
        ismove = true;
        //鼠标拖动事件执行函数
    }
};
label.onclick = function () {
//如果是鼠标拖动事件,不触发点击后的处理了
if(ismove) {
    ismove = false;
    return;
}
//dosomething。。点击事件执行函数                   
};
</script>

© 著作权归作者所有

chro008

chro008

粉丝 5
博文 46
码字总数 19512
作品 0
海淀
程序员
私信 提问
关于“浏览器无法拦截的弹出窗口”、IE、Firefox强制弹出新窗口

大概有很久很久都没有打理这里了,刚朋友问我,如何防止 弹出框被 浏览器屏蔽,我忽然想到了一个万全之策。 一般来说,我们会用 js 弹出窗口: window.open( url ); 这种方案基本被废弃了,因...

叶落花开
2012/10/26
621
1
事件管理器--Mottle

Mottle是一个简单的事件管理器,负责处理在开发 jsPlumb 和 jsPlumb 工具包时经常遇到的一些事件。 简单来说,它的特点是: 在启用触摸的设备上将鼠标事件自动映射到其触摸等效 “智能”点击...

匿名
2017/02/03
126
0
深入了解iPad上的MouseEvent

iPad上没有鼠标,所以手指在触发触摸事件(TouchEvent)的时候,系统也会产生出模拟的鼠标事件(MouseEvent)。 这对于普通网页的浏览需求而言,基本可以做到与PC端浏览器无明显差异。但是如...

Rella蕾拉
2012/05/15
1K
2
30 天精通 RxJS (08):简易拖拉实作 - take, first, takeUntil, concatAll

我们今天要接著讲 take, first, takeUntil, concatAll 这四个 operators,并且实作一个简易的拖拉功能。 Operators take take 是一个很简单的 operator,顾名思义就是取前几个元素后就结束,...

readilen
2018/05/19
0
0
C#使用Panel实现窗体动态侧边栏

有时候发现界面的布局比较复杂,需要隐藏显示一部分内容需要使用动态侧边栏的方法实现,虽然可是使用第三方的控件,但是有时候也不需要那么麻烦,自己做了一个简单的,可是使用在要求不高的场...

尤鱼
2013/03/11
1K
0

没有更多内容

加载失败,请刷新页面

加载更多

HashMap源码分析

read

V丶zxw
42分钟前
5
0
Python字符串或JSON字符串转字典dict、列表list

有3种方法 1、使用ast模块 >>> import ast>>> s = '["test",1]'>>> ast.literal_eval(s)['test',1]>>> s = '{"test":1}'>>> ast.literal_eval(s){'test': 1} 2、eval函数,这个......

编程老陆
今天
5
0
【JS复习笔记】03 继承(从ES5到ES6)

本文转载于:专业的前端网站➫【JS复习笔记】03 继承(从ES5到ES6) 前言 很久以前学习《Javascript语言精粹》时,写过一个关于js的系列学习笔记。 最近又跟别人讲什么原型和继承什么的,发现...

前端老手
今天
8
0
简单动态网站搭建

如何在windows服务器上配置wordPress和discuz 网站建设中的概念讲解 网站建设的基础操作 网站程序的基础使用 网站程序的优化 简单动态网站搭建 软件部署 域名和主机的购买 域名解析 环境部署...

达达前端小酒馆
今天
6
0
Java每日面试题_03

15、构造器是否可被override constructor(构造器)不能被继承,所以不能被override(重写),但是可以被overloading(重载)。 16、抽象类和接口的区别 抽象类是什么 含有abstract修饰符的class即...

庭前云落
今天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部