JavaScript | MouseEvent 按钮属性

MouseEvent 按钮属性用于定义左键或右键单击事件。单击鼠标按钮时，它会返回一个整数值，用于描述鼠标左键、右键或中键。

句法：

event.button

返回值：此事件返回一个整数值，鼠标点击事件有：

• 0：表示鼠标左键。
• 1：表示鼠标中键。
• 2：表示鼠标右键。

onmousedown 事件：当用户在元素上按下鼠标按钮时发生此事件。

方案一：

    
        JavaScript Mouse Event
        
            body {
                text-align:center;
            }
            .gfg {
                font-size:40px;
                font-weight:bold;
                color:green;
            }
        
    
    
        GeeksforGeeks
        Mouse click event
        Click me
        
        
            document.onmousedown = click
               
            // click function called
            function click(event) {
                  
                // Condition to disable left click
                if (event.button == 0) {
                          alert("Left click not allowed");
                }
            }
        
    

输出：

方案二：

    
        JavaScript Mouse Event
        
            body {
                text-align:center;
            }
            .gfg {
                font-size:40px;
                font-weight:bold;
                color:green;
            }
        
    
    
        GeeksforGeeks
        Mouse click event
        Click me
        
        
            document.onmousedown = click
               
            // click function called
            function click(event) {
                  
                // Condition to disable left click
                if (event.button == 2) {
                          alert("Right click not allowed");
                }
            }
        
    

输出：