jQuery click 右鍵用于在頁面中捕獲用戶點擊鼠標右鍵的事件,從而實現右鍵菜單的功能。使用 jQuery 提供的 click 事件來處理右鍵單擊通常不能成功,請改用 contextmenu 事件。
$(document).on("contextmenu", function(e){ console.log("right clicked"); // prevent default menu e.preventDefault(); });
上述代碼為注冊全局右鍵菜單,當用戶在頁面中單擊鼠標右鍵時,將會輸出 "right clicked" 的信息到瀏覽器控制臺,并且禁用默認的瀏覽器菜單。
除此之外,我們還可以在特定的元素上添加右鍵菜單。下面的代碼為在一個 div 元素上添加右鍵菜單,點擊菜單項將會在控制臺中輸出對應的信息。
$("#mydiv").on("contextmenu", function(e){ console.log("right clicked on mydiv"); // prevent default menu e.preventDefault(); }); $("#mydiv").on("click", function(e){ console.log("clicked on mydiv"); });
注意,當我們使用右鍵菜單時,還需要在處理完相應的邏輯后,通過 preventDefault() 方法來禁用默認的瀏覽器菜單,否則仍然會彈出瀏覽器默認的菜單。