JavaScript | Свойство кнопки MouseEvent

Опубликовано: 13 Декабря, 2021

Свойство кнопки MouseEvent используется для определения событий левого или правого щелчка. При нажатии кнопки мыши возвращается целое число, которое описывает левую, правую или среднюю кнопку мыши.

Синтаксис:

 event.button

Возвращаемое значение: это событие возвращает целочисленное значение для событий щелчка мыши:

0: обозначает левую кнопку мыши.
1: обозначает среднюю кнопку мыши.
2: указывает на правую кнопку мыши.

Событие onmousedown: это событие происходит, когда пользователь нажимает кнопку мыши над элементом.

Программа 1:

Выход:

Программа 2:

 <!DOCTYPE html>
 < html >
    < head >
        < title >JavaScript Mouse Event</ title >
        < style >
            body {
                text-align:center;
            }
            .gfg {
                font-size:40px;
                font-weight:bold;
                color:green;
            }
        </ style >
    </ head >
    < body >
        < div class = "gfg" >GeeksforGeeks</ div >
        < h2 >Mouse click event</ h2 >
        < button onclick = "click(event)" >Click me</ button >
        < p id = "demo" ></ p >
        < script >
            document.onmousedown = click
              
            // click function called
            function click(event) {
                 
                // Condition to disable left click
                if (event.button == 2) {
                          alert("Right click not allowed");
                }
            }
        </ script >
    </ body >
 </ html > 

Выход:

JavaScript JavaScript-Misc

JavaScript | Свойство кнопки MouseEvent

РЕКОМЕНДУЕМЫЕ СТАТЬИ