Мне нужно отключить всплывающее окно правой кнопкой мыши, используя javascript. Потому что я хочу открыть другое всплывающее окно правой кнопкой мыши.Как предотвратить всплывающее окно правой кнопкой мыши с помощью javascript?
Любая помощь?
Скопируйте файл JS here как menu.js и включите его в свой путь к файлу html.
menu.css файл
ul.SimpleContextMenu {
display: none;
position: absolute;
margin: 0px;
padding: 0px;
font-family: verdana;
font-size: 12px;
list-style-type: none;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}ul.SimpleContextMenu li {
border-bottom: 1px solid #000000;
}
ul.SimpleContextMenu li a {
display: block;
//menu width
width: 200px;
padding: 2px 10px 3px 10px;
text-decoration: none;
//Menu font color
color: #ff0000;
//Menu background color
background: #eeeeee;
}
ul.SimpleContextMenu li a:hover {
text-decoration: none;
color: #ffffff;
background: #ff0000;
}
HTML файл
<html>
<head>
<link type="text/css" rel="stylesheet" href="menu.css" />
<script type="text/javascript" src="menu.js"></script>
<script type="text/javascript">
SimpleContextMenu.setup({'preventDefault':true}); //prevent default
SimpleContextMenu.attach('container1', 'CM1');
SimpleContextMenu.attach('container2', 'CM2');
</script>
</head>
<body>
<div id="container"><ul id="CM1" class="SimpleContextMenu">
<li><a href="https://link_1_here">link 1</a></li>
<li><a href="https://link_2_here">link 2</a></li>
<li><a href="https://link_2_here">link 3</a></li>
</ul>
<div class="container1" style="border: 1px dashed red; margin-top: 30px; height: 50px; background: #f2f2f2;">Right Click Here To See The Menu</div>
</div>
</html>
Это прекрасно работает в Chrome и Mozilla.
Пожалуйста, попробуйте следующее:
$(document).ready(function()
{
$(document).bind("contextmenu",function(e){
return false;
});
});
На самом деле, это раздражает, когда вы не можете использовать правой кнопкой мыши на веб-сайте.
Вы можете отключить его для какого-либо конкретного блока таким же образом:
$(document).ready(function()
{
$('#test').bind("contextmenu",function(e){
return false;
});
});
Пример HTML:
<div id="test"> No right clicks allowed here! </div>
И образец CSS:
#test { width: 200px; height: 200px; background: red; }
И, наконец, пример
спасибо. Я пробовал этот код, но это также предотвращает правый щелчок. Мне нужно открыть настраиваемое всплывающее окно правой кнопкой мыши – user1636102
Здесь есть учебник, в котором есть пошаговые инструкции о том, как создать пользовательское контекстное меню JavaScript. Посмотрите, помогает ли это https://www.sitepoint.com/building-custom-right-click-context-menu-javascript/ – Arun
Я сделал с использованием SWT. Но мне нужно предотвратить всплывающее окно по умолчанию. Есть идеи?? – user1636102