この記事について
| 環境 | javascript / jQuery |
|---|---|
| 目的 | 右クリックでイベントを発生させる |
| 結果 | contextmenuイベントをonまたはbindで拾う。return falseで右クリックメニューも消せる |
つまずきポイント要約
- bindだとajax等で後から追加した要素にはイベントが発生しない
右クリックでイベントを発生させる記述
$(document).on('contextmenu', 'セレクター名', function() {
//イベントに対応して行うべき処理を記述
return false; //右クリックメニューを出さない処理
});もしくは
$(document).bind('contextmenu', 'セレクター名', function() {
//イベントに対応して行うべき処理を記述
return false; //右クリックメニューを出さない処理
});bindだと、ajax等で変更した要素にはイベントが発生しないので注意。
なお、contextmenu（コンテキストメニュー） とは、右クリックで出てくるメニューのこと。
