私は、画像を右クリックして何かをしたい小さなエディターに取り組んでいます。
カスタムの右クリック メニューが機能していますが、どの項目を右クリックしたかを jQuery に伝える方法がわかりません。
jsFiddle -> http://jsfiddle.net/kthornbloom/YsW8D/1/
コード:
// Make the menu
$('.something img').bind("contextmenu", function(event) {
event.preventDefault();
$("div.custom-menu").hide();
$('<div class="custom-menu"><a href="#" class="fr">Float Right</a></div>')
.appendTo("body")
.css({top: event.pageY + "px", left: event.pageX + "px"});
});
// Remove the menu
$(document).bind("click", function(event) {
$("div.custom-menu").hide();
event.preventDefault();
});
// Apply option to image you right-clicked on
$(document.body).on("click", ".run", function (event) {
// this won't work, but is what I want to happen.
$(this).nearest('img').addClass('float-right');
event.preventDefault();
});