在项目中遇到一个问题，就是点击任意键关闭弹窗的处理；出现了一个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. Access denied with payslip工资条非同部门员工不能创建bug

    Access Denied The requested operation cannot be completed due to security restrictions. Please conta ...

  2. Java基础2-容器篇

    java基础2-容器篇 1.页首请关注 思维导航大纲 1.常用容器的类型层次结构 2.理解容器的常用思维大纲 a.空间 时间 concurrentModifyException 加载因子 3.常用类源 ...

  3. Windwos在cmd如何复制文本

    生活的琐事,总是要解决. 01.Win+R打开运行窗口 cmd--回车 02. 勾选快速编辑模式 注意: 快速编辑模式就是可以Ctrl+c(复制).Ctrl+v(粘贴)

  4. lenovo thinkpad L460 安装Win7阐述

    lenovo thinkpad L460 系统自带Win10切GPT分区,如果想安装Win7 01.需要改bios 02.清空硬盘全盘数据,调整分区类型MBR分区引导(需要全盘格式化,调整引导类型) ...

  5. HDUOJ Children’s Queue

    Children’s Queue Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others) ...

  6. 使用免费ip代理进行投票

    只要是投票系统,必然要限制一个用户投多张票. 如何限制呢?限制ip是最直观最简单的思路,可是代理池可以解决限制ip的情况. 如果投票页面前面加上一个验证码,那程序就会有点困难了. 有些投票使用微信号, ...

  7. Android四款系统架构工具

    开发者若想开发出一款高质量的应用,一款功能强大的开发工具想必是不可或缺的.开发工具简化了应用的开发流程,也能使开发者在应用开发本身投入更多的精力.本文就为大家带来4款实用的Android应用架构工具. ...

  8. Java Web Project自定义错误页面，log4j记录日志。

    创建记录日志的文件LoggerHelper.java: package com.wyp.helper; import org.apache.log4j.Logger; public class Log ...

  9. HttpClient 解释

    HttpClient:是一个接口 首先需要先创建一个DefaultHttpClient的实例 HttpClient httpClient=new DefaultHttpClient(); 发送GET请 ...

  10. Zookeeper监控工具

    Zookeeper的常用开源监控工具可以参考:http://zqhxuyuan.github.io/2016/12/31/BigData-Monitor-Tool