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();
                }
            }
  • 相关阅读:
    sql语句添加查询字段
    SqlServer Case when then用法总结
    单例与多线程
    HttpSession详解
    范式
    SQL语句中的Having子句与where子句
    HTTP无状态
    字节流与字符流的区别
    选择排序
    ReentrantLock VS synchronized
  • 原文地址:https://www.cnblogs.com/sxz2008/p/6400820.html
Copyright © 2011-2022 走看看