JavaScript：捕獲右鍵單擊並禁用某些元素內的菜單

Question

我編寫了一個jquery腳本，其中屏幕上有一個小網格，並使用拖放用戶可以將網格放置在網格上（卡入到位）。目前，如果您將鼠標懸停在平鋪上，則可以選擇旋轉，但如果您可以右鍵點擊旋轉（使其更自然），我會更喜歡它。我理解阻止完全右鍵點擊通常是不被理睬的，所以想知道是否可能只在特定元素內，然後捕獲該事件，在JS中執行某些操作並禁用上下文菜單？ - 適用於所有瀏覽器。

在附註中，目前我正在使用jQuery進行效果和自定義javascript的拖放，是否值得查看一個用於拖放的jQuery插件？

非常感謝，

Answer 1

爲了捕獲右鍵，就可以使用這個jQuery：

$('#gridID').bind('contextmenu', function(e) { 
    // do stuff here instead of normal context menu 
    return false; 
}); 

這適用於chrome，firefox和Safari。 未測試IE 。也適用於IE。只有警告，它顯然不在歌劇中奏效。所以，如果你可以忍受那個...

Answer 2

我不喜歡在網頁上使用鼠標右鍵。但是，如果您確實想要這樣做，則可以按照here所述的方法捕獲鼠標右鍵。如果鼠標懸停在網格單元上，可以有條件地阻止鼠標右鍵（換句話說，在事件處理程序中返回false）。

關於你的獎金問題：jquery ui has drag & drop functionality。使用它比使用自己的可能更容易。

Answer 3

「是否值得查看一個用於拖放的jQuery插件？」

只有當你不打算你的應用程序要在iPhone OS的Safari，即包括iPad的使用，見Safari Web Content Guide: Handling Events