HTML onmousedown 事件属性 关于鼠标按键的问题；
在项目中遇到一个问题，就是点击任意键关闭弹窗的处理；出现了一个bug；就是在angularjs项目中两个controller之间的事件跳转，使用的ng-show =“iscontext” ；
如所示；
<p onmousedown="mouseDown()">请点击此文本！</p>
定义和用法
onmousedown 属性在鼠标按钮在元素上按下时触发。
提示：相对于 onmousedown 事件的事件次序（限于鼠标左/中键）：
onmousedown onmouseup onclick
相对于 onmousedown 事件的事件次序（限于鼠标右键）：
onmousedown onmouseup oncontextmenu
注释：onmousedown 属性不适用以下元素：<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style> 或 <title>。
document.onmousedown = function() {
$scope.isShowDisQuit = false;
$scope.isShowJoinGroup = false;
};
//点击任意出关闭表情框
$(document).off('click').on('click', function(e) {
if($(e.target).closest('.clickHeadTo').length || $(e.target).closest('.content-right-empty').length){
return;
}
if(!$(e.target).closest('.not-hide-floater').length){
$('.em-floater').hide();
}
$scope.isShowGroupMember = false;
$scope.isShowMember = true;
$scope.isHideMember = false;
if($scope.deptCount > 1){
$scope.countVisible = true;
}
$scope.visible = false;
$scope.$apply();
$('[recentUserId=' + localStorage.getItem('recentUserId') + ']').addClass('on');
});
//点击任意出关闭右键弹窗
$(document).off('click').on('click', function(e) {
$scope.iscontextMenus = false;
if (!$scope.$$phase) {
$scope.$apply();
}
})
//群会话消息滚动事件触发关闭右键弹层
groupTarget.onscroll = function (){
isContextMenusHide();
}
//鼠标抬起时关闭右键弹层
document.onmouseup = function() {
isContextMenusHide();
}; function isContextMenusHide (){
$scope.iscontextMenus = false;
if (!$scope.$$phase) {
$scope.$apply();
}
}
HTML onmousedown 事件属性 关于鼠标按键的问题；的更多相关文章
- target 事件属性
定义和用法 target 事件属性可返回事件的目标节点(触发该事件的节点),如生成事件的元素.文档或窗口. 语法 event.target 实例 下面的例子可获得触发事件的元素: <html&g ...
- HTML 事件属性(下)
HTML 事件属性(下) 一:键盘事件 (Keyboard Events)二:鼠标事件 (Mouse Events) 一:键盘事件 (Keyboard Events)在下列元素中无效:base.bdo ...
- HTML 事件属性_03
全局事件属性 HTML 4 的新特性之一是可以使 HTML 事件触发浏览器中的行为,比方说当用户点击某个 HTML 元素时启动一段 JavaScript. 如果你想学习更多关于事件属性,请访问 Jav ...
- HTML 标准属性 和 事件属性
HTML的公共属性 HTML 和 XHTML 标签支持的标准属性 核心属性 (Core Attributes) 以下标签不提供下面的属性:base.head.html.meta.param.scrip ...
- HTML 5 全局属性和事件属性
1.HTML 5 全局属性 HTML 属性能够赋予元素含义和语境. 下面的全局属性可用于任何 HTML5 元素. NEW:HTML 5 中新的全局属性. 属性 描述 accesskey 规定访问元素的 ...
- 转：HTML 5 控件事件属性
Window 事件属性 window 对象触发的事件. 适用于 <body> 标签: 属性 值 描述 onafterprint script 在打印文档之后运行脚本 onbeforepri ...
- HTML-全局属性 / 事件属性（转）
拷贝自:< http://www.runoob.com > HTML 全局属性 New : HTML5 新属性. 属性 描述 accesskey 设置访问元素的键盘快捷键. class 规 ...
- timeStamp（时间戳） 事件属性
Event 对象 定义和用法 timeStamp 事件属性可返回一个时间戳.指示发生事件的日期和时间(从 epoch 开始的毫秒数). epoch 是一个事件参考点.在这里,它是客户机启动的时间. 并 ...
- html中的事件属性
Window 事件属性 针对 window 对象触发的事件(应用到 <body> 标签): 属性 值 描述 onafterprint script 文档打印之后运行的脚本. onbefor ...
随机推荐
- nginx高性能webserver具体解释(1)--安装nginx
1. 下载 本次使用nginx-0.1.2.3 版本号,下载地址 http://nginx.org/en/download.html 新公布版本号 http://nginx.org/download ...
- zookeeper工作原理解析
zookeeper一般用于distributed locking,并不适合用于distributed storage,由于zookeeper的每一个node.也叫做znode的存储容量限制是1M. z ...
- iOS 推断设备为iPhone还是iPad
if ([[UIDevice currentDevice] userInterfaceIdiom] == UIUserInterfaceIdiomPhone) { self.viewControlle ...
- eclipse 显示特殊符号
windows --> Preferences --> General --> Editors --> Text Editors 右边 show white space let ...
- 安装调试Installing Odoo
来自odoo的安装步骤 There are mutliple ways to install Odoo, or not install it at all, depending on the inte ...
- 成为JavaGC专家（3）—如何监控Java垃圾回收机制（转载）
原文:http://www.importnew.com/3146.html 为什么需要优化GC 或者说的更确切一些,对于基于Java的服务,是否有必要优化GC?应该说,对于所有的基于Java的服务,并 ...
- 前端工程精粹（一）：静态资源版本更新与缓存（附精简js的工具）
转自:http://www.infoq.com/cn/articles/front-end-engineering-and-performance-optimization-part1/ 每个参与过开 ...
- 线代: N阶行列式
线性变换 将 (x, y) 变成 (2 x + y, x - 3 y) 就叫做线性变换, 这就是矩阵乘法, 用于表示一切线性变换. 几何上看, 把平面上的每个点 (x, y) 都变到 (2 x + y ...
- HDUOJ-----2175取(m堆)石子游戏
取(m堆)石子游戏 Time Limit: 3000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others)Total S ...
- Oracle用同义词可以不使用用户名.表名查询表 Oracle 创建synonym
一般在PL/SQL下,Oracle 用户查询其他用户的表一定要使用user.table格式才能查询,每次用户名.表名嫌麻烦的话.可以使用同义词,意思将user.table访问格式改成table格式即可 ...