justContext.jsを使用してカスタム右クリックコンテキストメニューを作成する

すべてのWebブラウザには デフォルトのコンテキストメニュー. これはユーザーが どこでも右クリック ページ上で、それは通常同じようなオプションがあります、 “コピーする”, “保存する”, または “要素を検査する”.

とともに justContextライブラリ, あなたは建てることができます 特別なコンテキストメニュー あなたのサイト上の任意の要素のために。これらは 自動入力 好きなものと一緒に カスタム関数を書く ユーザーがカスタムメニューのオプションをクリックしたときに実行されます。.

どのページ要素でも独自のコンテキストメニューをサポートできます。これはあなたができることを意味します 個々の商品をターゲットにする スライドショーやHTML5ビデオプレーヤーなど ページ本体全体をターゲットにする.

あなたは完全にコントロールすることができます コンテキストメニューのテーマ, フォント、色、アイコン、さらにはメニューをセクションに分割するための区切り記号も含まれます。このプラグインは本当にあなたが作成することができます 最初からフルコンテキストメニュー あなたが好きな機能を使って.

デフォルトでは、justContextは付属しています 二つのテーマ： 闇と光. あなたはそれらの中から選択して、どれがあなたのウェブサイトに最も合うものを見つけることができます。.

各テーマは異なるを使用してカスタマイズすることができます Google Webフォント, 全体は言うまでもなく フォント素晴らしいライブラリ デフォルトでパッケージされています.

実際のデモを見て、実際に動作していることを確認してください。それは働く Internet Explorerを除くすべてのブラウザ しかし、Microsoftが新しいEdgeブラウザを採用することを考えれば、これは問題にならないはずです。.

実際のコンテキストメニューを作成するのは少し面倒です。それ いくつかのCSSクラスが必要です そしてそれは全て HTMLでハードコードされている あなたのWebページに.

これが サンプル GitHubのメインレポから：

 
 
カット
 
コピーする
 
ペースト
 
 
新しいパッケージ
 
新クラス
 
新しいインタフェース（無効化されたエントリ）
 
 

喜んでいるのなら 設定とティンカー このプラグインを使えばたくさんのことができます。しかし、私はまたそれが ニッチ固有のリソース それはすべてのウェブサイトにとって価値があるわけではありません.

その理由や使用方法にかかわらず、justContextは絶対に最適なリソースです。 Webコンテキストメニューを最初から作成する. すべてのドキュメントはGitHubから入手でき、プラグインはすべてのWebプロジェクトで100％無料で使用できます。.