在项目中遇到一个问题，就是点击任意键关闭弹窗的处理；出现了一个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. 〖Linux〗zigbee实验之cc2430的cc debugger固件升级实录

    开发环境:Windows XP 1. (Trouble)一开始,使用IAR提示此设备不可使用(意味着无法下载程序): 2. (Search)通过一番的仔细查找,发现是cc debugger的Evalu ...

  2. glob 模块

    # -*- coding: utf-8 -*- #python 27 #xiaodeng #glob 模块 #http://python.jobbole.com/81552/ #查找文件只用到三个匹配 ...

  3. TP3.2：实现Ajax无刷新上传图片

    1.基于TP3.2+ajaxfileupload进行无刷新上传图片,本次只上传一张,多张以后搞出来再发 2.效果:   3.html代码: <html> <head> < ...

  4. How to forcefully delete a daemonset or a pod in kubernetes cluster

    I have setup a kubernetes cluster which is working fine. I created deployment with type as daemonset ...

  5. springmvc+spring框架

    jar包 com.springsource.javax.validation-1.0.0.GA.jar com.springsource.org.aopalliance-1.0.0.jar com.s ...

  6. archlinux使用sudo

    Sudo是允许系统管理员让普通用户执行一些或者全部的root命令的一个工具,如halt,reboot,su等等.这样不仅减少了root用户的登陆 和管理时间,同样也提高了安全性. Sudo不是对she ...

  7. 【转载】Delphi下实现鼠标自动点击器

    本文最早于2009年6月1日在编程论坛(programbbs.com)上发表,页面地址:http://programbbs.com/bbs/view12-20849-1.htm . 众所周知,当鼠标指 ...

  8. 基于JavaScript 声明全局变量的三种方式

    本文转自脚本之家:http://www.jb51.net/article/36548.htm JS中声明全局变量主要分为显式声明或者隐式声明下面分别介绍. 声明方式一: 使用var(关键字)+变量名( ...

  9. linux ---性能监控（工具）

    linux服务器性能监控-nmon Nmon 是一个分析aix和linux性能的免费工具,出自IBM,其采集的数据通过nmon_analyser生成报表 一.下载 官网下载地址 百度网盘 二.运行和使 ...

  10. posix 条件变量与互斥锁 示例生产者--消费者问题

    一.posix 条件变量 一种线程间同步的情形:线程A需要等某个条件成立才能继续往下执行,现在这个条件不成立,线程A就阻塞等待,而线程B在执行过程中使这个条件成立了,就唤醒线程A继续执行. 在pthr ...