HTML onmousedown 事件属性关于鼠标按键的问题；

最新推荐文章于 2020-12-06 22:59:16 发布

weixin_33850890

最新推荐文章于 2020-12-06 22:59:16 发布

阅读量1.1k

点赞数

在项目中遇到一个问题，就是点击任意键关闭弹窗的处理；出现了一个bug；就是在angularjs项目中两个controller之间的事件跳转，使用的ng-show =“iscontext” ；

如所示；

<p οnmοusedοwn="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();
            }
        }

weixin_33850890

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML onmousedown 事件属性关于鼠标按键的问题；

在项目中遇到一个问题，就是点击任意键关闭弹窗的处理；出现了一个bug；就是在angularjs项目中两个controller之间的事件跳转，使用的ng-show =“iscontext” ；如所示；&lt;p onmousedown="mouseDown()"&gt;请点击此文本！&lt;/p&gt;定义和用法onmousedown 属性在鼠标按钮在元素上按下时触发。提...
复制链接

扫一扫