So verbergen Sie den Rechtsklick in Javascript

So verbergen Sie den Rechtsklick in JavaScript: 1. Öffnen Sie die entsprechende Codedatei. 2. Verwenden Sie die Methode „window.oncontextmenu=function(e){e.preventDefault();}“, um das Rechtsklickmenü zu deaktivieren .

Die Betriebsumgebung dieses Artikels: Windows 7-System, Javascript 1.8.5, Dell G3-Computer.

Wie verstecke ich den Rechtsklick in JavaScript?

js legt das Rechtsklick-Menü der Maus fest oder deaktiviert.

Wenn der Benutzer mit der rechten Maustaste klickt, wird das Ereignis oncontextmenu ausgelöst Klicken Sie mit der rechten Maustaste auf das Menü

HTML, bereit zum Anpassen. Definieren Sie Menüelemente

window.oncontextmenu=function(e){
    //取消默认的浏览器自带右键 很重要！！
    e.preventDefault();
}

Css zum Festlegen von Menüelementstilen

<div id="menu">
            <div class="menu">功能1</div>
            <div class="menu">功能2</div>
            <div class="menu">功能3</div>
            <div class="menu">功能4</div>
            <div class="menu">功能5</div></div>

js zum Steuern der Anzeige und Ausblendung von Menüs

#menu{
    width: 0; /*设置为0 隐藏自定义菜单*/
    height: 125px;
    overflow: hidden; /*隐藏溢出的元素*/
    box-shadow: 0 1px 1px #888,1px 0 1px #ccc;
    position: absolute; /*自定义菜单相对与body元素进行定位*/
}
.menu{
    width: 130px;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
}

Empfohlenes Lernen: „

js-Grundlagen-Tutorial

„

Das obige ist der detaillierte Inhalt vonSo verbergen Sie den Rechtsklick in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!