Я пытаюсь использовать контекстное меню для нажатия левой кнопки меню, но это не работает:
<input type="button" id="selector" value="click" />
JQuery:
$('#selector').on('click',function(){
$(this).triggerHandler('contextmenu')
});
Как мне реализовать?
Убедитесь, что это не работает fiddle
Обратите внимание: я хочу использовать контекстное меню по умолчанию при щелчке левой кнопкой мыши.
Если вы используете плагин contextmenu, вы можете просто использовать триггер: 'left' для нажатия левой кнопки.
$(function(){
$.contextMenu({
selector: '.context-menu-one',
trigger: 'left',
callback: function(key, options) {
var m = "clicked: " + key;
window.console && console.log(m) || alert(m);
},
items: {
"edit": {name: "Edit", icon: "edit"},
"cut": {name: "Cut", icon: "cut"},
"copy": {name: "Copy", icon: "copy"},
"paste": {name: "Paste", icon: "paste"},
"delete": {name: "Delete", icon: "delete"},
"sep1": "---------",
"quit": {name: "Quit", icon: "quit"}
}
});
});
Подробную информацию о плагине и документацию можно найти по ссылке нажмите здесь
демонстрация jsFiddle
Вам не нужно запускать событие, contextMenu может отображаться вручную.
$( function( windowLoadE ) {
$( "#selector" ).on( "click", function( clickE ) {
$( this ).contextMenu( { x: clickE.offsetX, y: clickE.offsetY } );
} );
$.contextMenu( {
selector: "#selector",
callback: function( key, options ) {
var m = "clicked: " + key;
window.console && console.log( m ) || alert( m );
},
items: {
"edit": { name: "Edit", icon: "edit" },
"cut": { name: "Cut", icon: "cut" },
"copy": { name: "Copy", icon: "copy" },
"paste": { name: "Paste", icon: "paste" },
"delete": { name: "Delete", icon: "delete" },
"sep1": "---------",
"quit": { name: "Quit", icon: "quit" }
}
} );
} );
Или используйте параметр триггера для обработки щелчка левой кнопкой мыши.
JavaScript не может открыть контекстное меню браузера по умолчанию.
Однако вы можете поймать событие contextmenu и вызвать событие contextmenu простым щелчком мыши:
$('#selector').on('click', function () {
$(this).triggerHandler('contextmenu');
}).on('contextmenu', function (e) {
alert('foo');
});
