Maison  >  Article  >  interface Web  >  attribut d'événement HTML onmousedown déclenché lorsque le bouton de la souris est enfoncé sur l'élément

attribut d'événement HTML onmousedown déclenché lorsque le bouton de la souris est enfoncé sur l'élément

黄舟
黄舟original
2017-11-06 11:00:054821parcourir

Instance

Exécuter un paragraphe lorsque le bouton de la souris est enfoncé sur le paragrapheJavaScript :

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

Prise en charge du navigateur

IE

Firefox

Chrome

Safari

Opera

Tous les principaux navigateurs prennent en charge l'attribut onmousedown.

Définition et utilisation

L'attribut onmousedown est déclenché lorsque le bouton de la souris est enfoncé sur l'élément.

Astuce : Ordre des événements par rapport à l'événement onmousedown (limité au bouton gauche/milieu de la souris) :

onmousedown onmouseup onclick

Ordre des événements relatif à l'événement onmousedown (bouton droit de la souris uniquement) :

onmousedown onmouseup oncontextmenu

Remarque : L'attribut onmousedown ne s'applique pas aux éléments suivants : < ;base>, 71af07a0e88a1ac1ff73f855702ac153, 0c6dc11e160d3b678d68754cc175188a, 93f0f5c25f18dab9d176bd4f6de5d30e, 100db36a723c770d327fc0aef2ce13b1, d5ba1642137c3f32f4f4493ae923989c, e8e496c15ba93d81f6ea4fe5f55a2244, 0c68fef83818661b6da588c77ca3985e, 3f1c4e4b6b16bbbd69b2ee476dc4f83a, c9ccee2e6ea535a969eb3f532ad9fe89 ;titre>.

Différences entre HTML 4.01 et HTML5

Aucune.

Syntaxe

<element onmousedown="script">

Valeur de la propriété

script Un script à exécuter lorsque onmousedown se produit.

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn