• 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();
                }
            }
  • 相关阅读:
    iOS开发官方文档汇总
    Hadoop安装配置手册
    访问.Net程序集、COM和WMI
    UML用例图教程详解
    JIRA的详细安装和破解
    [转]编程经典好书分类
    走向资深架构师的旅程
    12款响应式 Lightbox(灯箱)效果插件
    ASP.NET MVC应用程序的安全性介绍总括
    MapReduce篇之InputFormat
  • 原文地址:https://www.cnblogs.com/sxz2008/p/6400820.html
Copyright © 2020-2023  润新知