首頁 >web前端 >html教學 >html滑鼠按鈕在元素上按下時觸發的事件屬性onmousedown

html滑鼠按鈕在元素上按下時觸發的事件屬性onmousedown

黄舟原創: 2017-11-06 11:00:054868瀏覽

实例

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

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

浏览器支持

Firefox

Chrome

Safari

Opera

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

定义和用法

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

提示：相对于 onmousedown 事件的事件次序（限于鼠标左/中键）：

onmousedown onmouseup onclick

相对于 onmousedown 事件的事件次序（限于鼠标右键）：

onmousedown onmouseup oncontextmenu

注释：onmousedown 属性不适用以下元素：dde6fb694e6711ae5e6f381704c04ae4、71af07a0e88a1ac1ff73f855702ac153、0c6dc11e160d3b678d68754cc175188a、93f0f5c25f18dab9d176bd4f6de5d30e、100db36a723c770d327fc0aef2ce13b1、d5ba1642137c3f32f4f4493ae923989c、e8e496c15ba93d81f6ea4fe5f55a2244、0c68fef83818661b6da588c77ca3985e、3f1c4e4b6b16bbbd69b2ee476dc4f83a、c9ccee2e6ea535a969eb3f532ad9fe89 或 b2386ffb911b14667cb8f0f91ea547a7。

HTML 4.01 与 HTML5 之间的差异

无。

语法

<element onmousedown="script">

属性值

script onmousedown 发生时运行的脚本。

document.onmousedown = function() {
            $scope.isShowDisQuit = false;
            $scope.isShowJoinGroup = false;
        };

//点击任意出关闭表情框
        $(document).off(&#39;click&#39;).on(&#39;click&#39;, function(e) {
            if($(e.target).closest(&#39;.clickHeadTo&#39;).length || $(e.target).closest(&#39;.content-right-empty&#39;).length){
                return;
            }
            if(!$(e.target).closest(&#39;.not-hide-floater&#39;).length){
                $(&#39;.em-floater&#39;).hide();
            }
            $scope.isShowGroupMember = false;
            $scope.isShowMember = true;
            $scope.isHideMember = false;
            if($scope.deptCount > 1){
                $scope.countVisible = true;
            }
            $scope.visible = false;
            $scope.$apply();
            $(&#39;[recentUserId=&#39; + localStorage.getItem(&#39;recentUserId&#39;) + &#39;]&#39;).addClass(&#39;on&#39;);
        });

//点击任意出关闭右键弹窗
        $(document).off(&#39;click&#39;).on(&#39;click&#39;, 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中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：html中滑鼠雙擊元素時觸發的事件屬性ondblclick下一篇：html中滑鼠雙擊元素時觸發的事件屬性ondblclick

看更多