在项目中遇到一个问题，就是点击任意键关闭弹窗的处理；出现了一个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 事件属性 关于鼠标按键的问题；的更多相关文章

  1. target 事件属性

    定义和用法 target 事件属性可返回事件的目标节点(触发该事件的节点),如生成事件的元素.文档或窗口. 语法 event.target 实例 下面的例子可获得触发事件的元素: <html&g ...

  2. HTML 事件属性(下)

    HTML 事件属性(下) 一:键盘事件 (Keyboard Events)二:鼠标事件 (Mouse Events) 一:键盘事件 (Keyboard Events)在下列元素中无效:base.bdo ...

  3. HTML 事件属性_03

    全局事件属性 HTML 4 的新特性之一是可以使 HTML 事件触发浏览器中的行为,比方说当用户点击某个 HTML 元素时启动一段 JavaScript. 如果你想学习更多关于事件属性,请访问 Jav ...

  4. HTML 标准属性 和 事件属性

    HTML的公共属性 HTML 和 XHTML 标签支持的标准属性 核心属性 (Core Attributes) 以下标签不提供下面的属性:base.head.html.meta.param.scrip ...

  5. HTML 5 全局属性和事件属性

    1.HTML 5 全局属性 HTML 属性能够赋予元素含义和语境. 下面的全局属性可用于任何 HTML5 元素. NEW:HTML 5 中新的全局属性. 属性 描述 accesskey 规定访问元素的 ...

  6. 转：HTML 5 控件事件属性

    Window 事件属性 window 对象触发的事件. 适用于 <body> 标签: 属性 值 描述 onafterprint script 在打印文档之后运行脚本 onbeforepri ...

  7. HTML-全局属性 / 事件属性（转）

    拷贝自:< http://www.runoob.com > HTML 全局属性 New : HTML5 新属性. 属性 描述 accesskey 设置访问元素的键盘快捷键. class 规 ...

  8. timeStamp（时间戳） 事件属性

    Event 对象 定义和用法 timeStamp 事件属性可返回一个时间戳.指示发生事件的日期和时间(从 epoch 开始的毫秒数). epoch 是一个事件参考点.在这里,它是客户机启动的时间. 并 ...

  9. html中的事件属性

    Window 事件属性 针对 window 对象触发的事件(应用到 <body> 标签): 属性 值 描述 onafterprint script 文档打印之后运行的脚本. onbefor ...

随机推荐

  1. 用Postfix + Dovecot 搭建的邮件server被垃圾邮件其中转server的处理

    今天发邮件. 发送失败.然后到server上看日志, 发现硬盘被垃圾邮件的缓存队列和日志塞满了. tail    -f    /var/log/maillog   发现疯狂刷屏.部分日志例如以下 : ...

  2. uniq命令 （转）

    uniq命令可以去除排序过的文件中的重复行,因此uniq经常和sort合用.也就是说,为了使uniq起作用,所有的重复行必须是相邻的. uniq语法 [root@www ~]# uniq [-icu] ...

  3. JDK1.7的一些新特性

    整理了几条对开发可能用到概率高的 1.swicth支持对String的判断:(以前只能支持Int及以下的) switch (s) { case "1": break; case & ...

  4. SET GLOBAL FOREIGN_KEY_CHECKS取消外键约束

    今天在工作中遇到的问题,在删除一个表时报错,发现有外键约束,所以不能删除,查了下发现需要取消外键约束. SET GLOBAL FOREIGN_KEY_CHECKS=0;全局取消外键约束 SET SES ...

  5. spring boot更换日志为log4j2

    <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring- ...

  6. HTTP协议是如何通信的

    一.什么是HTTP协议 HTTP协议是HyperText Transfer Protocol的缩写,即超文本传输协议.是由w3c(万维网联盟)制定的一种应用层协议,用来定义浏览器与web服务器之间如何 ...

  7. 速度挑战 - 2小时完成HTML5拼图小游戏

    概述 我用lufylegend.js开发了第一个HTML5小游戏——拼图游戏,还写了篇博文来炫耀一下:HTML5小游戏<智力大拼图>发布,挑战你的思维风暴. 详细 代码下载:http:// ...

  8. java多线程(四)之同步机制

    1.同步的前提 多个线程 多个线程使用的是同一个锁 2.同步的好处 同步的出现解决了多线程的安全问题 3.同步的弊端 当线程较多时, 因为每个线程都会去判断同步上的锁, 这样是很耗费资源的, 会降低程 ...

  9. linux下修改文件权限

    加入-R 参数,就可以将读写权限传递给子文件夹例如chmod -R 777 /home/mypackage那么mypackage 文件夹和它下面的所有子文件夹的属性都变成了777777是读.写.执行权 ...

  10. 使用Python的turtle库实现七段数码管绘制

    七段数码管绘制:七段数码管是由7段数码管拼接而成,每段有亮或不亮两种情况,改进的七段数码管还包括一个小数点位置.七段数码管能形成2=128种状态,其中部分状态能够显示易于人们理解的数字或字母含义.因此 ...