Я хочу, чтобы правая кнопка мыши на холсте HTML5 не вызывала контекстное меню, так как это мешает играм, управляемым мышью.
Я попытался добавить oncontextmenu="return false;" к атрибутам тега canvas. Это работает, когда холст использует 2D-контекст, но нет, когда он использует контекст WebGL, как в Firefox, так и в Chrome.
Это как-то предусмотрено стандартом или это две одновременные ошибки браузера? Есть ли способ обойти это и заблокировать правый клик в контексте WebGL?
Результаты могут различаться в зависимости от браузера, поэтому убедитесь, что это работает во всех целевых браузерах. Я пробовал только в Хроме.
yourCanvas.addEventListener('contextmenu', function(e) {
if (e.button === 2) {
e.preventDefault();
return false;
}
}, false);
Рабочий пример: http://jsfiddle.net/cK9Rt/
(в консоли будет написано «тест», но контекстное меню не появится)
Я использую следующий код при блокировке действия браузера по умолчанию
element.onevent=function(e){
e.preventDefault();
return false;
}
Этот код гарантирует, что действие по умолчанию не произойдет.
никогда не используйте атрибуты html, чтобы предотвратить значение по умолчанию.
Когда я увидел ваш вопрос, я попробовал это при тех же обстоятельствах:
canvas.oncontextmenu=function(e){
e.preventDefault();
return false;
}
И он работал именно так, как должен.
Я надеюсь, что это поможет любым будущим зрителям этого вопроса
