zoukankan      html  css  js  c++  java
  • 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();
                }
            }
  • 相关阅读:
    JQuery Ajax 的简单使用
    使用PHP QR Code生成二维码
    SQL中Group By的使用
    虚拟主机的配置
    文件上传
    session机制详解以及session的相关应用
    thinkphp权限管理Rbac实例
    jQuery处理点击父级checkbox所有子级checkbox都选中,取消选中所有子级checkbox都取消
    传递一个父id返回所有子id的用法,可用于删除父级以下的所有子级
    thinkphp3.2独立分组的建立
  • 原文地址:https://www.cnblogs.com/sxz2008/p/6400820.html
Copyright © 2011-2022 走看看