Internet Explorer の右クリック メニュー (ContextMenu)_JavaScript スキルの開発

WBOY
リリース: 2016-05-16 17:30:29
オリジナル
1444 人が閲覧しました

ContextMenu

1 を開発するには、MSDN ライブラリ [標準コンテキスト メニューへのエントリの追加] を参照してください。IE の追加の ContextMenu は、登録コード HKEY_CURRENT_USERSoftwareMicrosoftInternet ExplorerMenuExt
2 によって作成されます。そのため、この場所のキー値の下に 1 つを追加するだけです。例:[Make 0rz]を追加するとIEで右クリックすると同名の関数が表示されます

SNAG-0003

SNAG-0001

3. この機能にショートカット キーを使用する場合は、Windows フォームの開発と同じように、英語名の前に & 記号を追加するだけです。

例: キー値を [Make 0rz] から [&Make 0rz] に変更すると、ContextMenu が表示されたときに M を押すと、キー値の下で関数

が実行されます。重要なキー値は Contexts で、その主な機能は ContextMenu が表示されるタイミングを定義することです

SNAG-0004

含まれるもの: デフォルト (デフォルトの読み込み)、画像 (画像上)、コントロール (任意のコントロール項目上)、テーブル (テーブル上)、テキスト選択 (プレーン テキストが選択されている場合は強調表示されます)、アンカー (

ContextMenu に 3 つ以上の出現回数を含めたい場合は、値に対してロジックまたは計算を実行してから、それを

に取り込みます。例: この例では 例ではでは、Contexts という名前の新しい DWORD タイプとキー値 23 を追加できます。 ContextMenu [Default Loading]、[On Link]、[On Image] を右クリックすると、[Make 0rz] 機能が表示されることを意味します。

5. キー値もあります (デフォルト)。このキー値に入力される内容は、ContextMenu 関数を実行するときにユーザーが渡すものです。これは、.html、.exe、.dll です。 …など

たとえば、この例では、JavaScript を呼び出して関数を実行したいので、[file://C:Program FilesMake0rz.js]

と記入します。

SNAG-0007

6. これで基本的に登録コード部分が完了します。 .reg ファイルを作成することで、ユーザーが簡単にインストールできるようにします。次は RegMake0rz.reg ファイルの例です。

コードをコピーします コードは次のとおりです:

Windows レジストリ エディター バージョン 5.00

[HKEY_CURRENT_USERSoftwareMicrosoftInternet ExplorerMenuExt&Make 0rz]
@="file://C:\Program Files\Make0rz.js"
"Contexts"=dword:00000023

7. Make0rz.js の内容は次のとおりです。

コードをコピー コードは次のとおりです:

<スクリプト言語="JavaScript" >   
var obj = external.menuArguments.event.srcElement;
var str = obj.tagName;
if (str.toUpperCase() == 'A' || str.toUpperCase() == 'IMG ') {
if (str.toUpperCase() == 'A') {
if (external.menuArguments.event.shiftKey) {
str = obj.firstChild.nodeValue;
}
else {
str = external.menuArguments.event.srcElement.href;
}
}
else {
str = external.menuArguments.event.srcElement.href;
}
}
else {
if (str.toUpperCase() != 'BODY') {
str = obj.innerText;
if (trim(str) == '') {
str = external.menuArguments.location.href;
}
}
else {
str = external.menuArguments.location.href;
}
}

//// プレビュー
//var url = 'http://0rz.tw/createget?redirect=1&url=' encodeURIComponent(str);
//var width = 600;
//var height = 600;

// プレビューなし
var url = 'http://0rz.tw/createget?redirect=0&url=' encodeURIComponent(str);
var width = 160;
var height = 90;

var left = (screen.width - width) / 2;
var top = (screen.height - height) / 2;
var cmd = 'width=' width '、height=' height '、top=' top '、left=' left;
cmd = '、directory=no、location=no、menubar=no、resizable=no、スクロールバー=no, status=no, toolsbar=no';

newwin = window.open(url, 'windowname5', cmd);
if (window.focus) {
newwin.focus( )
}

function Trim(strValue) {
var regL = /^[?@s] /;
var regR = /[?@s] $/;
strValue = strValue.replace(regL, "");
strValue = strValue.replace(regR, "");
return strValue;
}

Contexts の値が 0x23 に設定されているため、[Default Loading]、[On Link]、[On Picture] を右クリックすると、[Make 0rz] 関数が表示されます。
[デフォルトの読み込み]: ページの空白スペースで右クリックして ContextMenu の [Make 0rz] を実行すると、現在のページのリンクが短縮されます。
[リンク上]: テキストリンク上で右クリックしてContextMenuの[Make 0rz]を実行すると、テキストリンクが短縮されます。
[デフォルトの読み込み]: 画像リンクまたは画像を右クリックして ContextMenu の [Make 0rz] を実行し、画像の位置を指定して URL を短縮します。

JavaScript では、external.menuArguments.event を使用してユーザーが右クリックしたタイミングを判断し、要素を取得します
external.menuArguments.event.srcElement.href を使用して要素へのリンクを取得します
external.menuArguments.location.href を使用して現在のページのリンクを取得します

次に、window.open を使用して 0rz.tw ターゲット ページを開き、URL を短縮した結果を表示します。
コードの 30 ~ 33 を実行すると、プレビュー画面 (Preview) が表示されます。35 ~ 38 を実行すると、プレビュー画面は表示されません。 (必要に応じて自由に調整できます)

8. 実際の結果マップ:
(1) 空白スペースで右クリックして ContextMenu の [Make 0rz] を実行します。現在のページのリンクは短縮されます。 (プレビュー機能なしで表示)

SNAG-0009

http://tw.msn.com/?ocid=iehp => http://0rz.tw/KR9Hf

SNAG-0010

(2) テキストリンク(ニュース)上で、右クリックしてContextMenuの[Make 0rz]を実行すると、テキストリンクが短縮されます。 (プレビュー機能で表示)

SNAG-0008

http://news.msn.com.tw/ => http://0rz.tw/7d2H6

SNAG-0011

(3) 画像リンクまたは画像を右クリックしてContextMenuの[Make 0rz]を実行し、画像の位置を指定してURLを短縮します。

SNAG-0012

http://sin.stb01.s-msn.com/i/53/79D3A7E9A23E21C6A510F09720CD2.jpg => http://0rz.tw/JlTDN

この関数例としては、ここをクリックしてダウンロード があります。圧縮ファイルには、RegMake0rz.reg 登録マシン コード インストール ファイル、Make0rz.js 関数実行ファイル、DelMake0rz.reg 登録マシン コード アンインストール ファイル

が含まれます。インストール: RegMake0rz.reg を実行し、Make0rz.js を C:Program Files ディレクトリに配置します

アンインストール: DelMake0rz.reg を実行し、C:Program FilesMake0rz.js ファイルを自分で削除します
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!