明辉站/网站教程/内容

html在鼠标按钮在元素上按下时触发的事件属性onmousedown

网站教程2023-12-25 阅读
[摘要]实例当在段落上按下鼠标按钮时执行一段 JavaScript:<p onmousedown="mouseDown()">请点击此文本!</p>浏览器支持IEFirefoxChromeSafariOpera所有主流浏览器都支持 onmousedown 属性。...

实例

当在段落上按下鼠标按钮时执行一段 JavaScript

<p onmousedown="mouseDown()">请点击此文本!</p>

浏览器支持

IE

Firefox

Chrome

Safari

Opera

所有主流浏览器都支持 onmousedown 属性。

定义和用法

onmousedown 属性在鼠标按钮在元素上按下时触发。

提示:相对于 onmousedown 事件的事件次序(限于鼠标左/中键):

onmousedown onmouseup onclick

相对于 onmousedown 事件的事件次序(限于鼠标右键):

onmousedown onmouseup oncontextmenu

注释:onmousedown 属性不适用以下元素:<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style> 或 <title>。

HTML 4.01 与 HTML5 之间的差异

无。

语法

<element onmousedown="script">

属性值

script onmousedown 发生时运行的脚本。

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();
            }
        }

以上就是html在鼠标按钮在元素上按下时触发的事件属性onmousedown的详细内容,更多请关注php中文网其它相关文章!


网站建设是一个广义的术语,涵盖了许多不同的技能和学科中所使用的生产和维护的网站。

……

相关阅读