在项目中遇到一个问题,就是点击任意键关闭弹窗的处理;出现了一个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(); } }