ContextMenu
1 を開発するには、MSDN ライブラリ [標準コンテキスト メニューへのエントリの追加] を参照してください。IE の追加の ContextMenu は、登録コード HKEY_CURRENT_USERSoftwareMicrosoftInternet ExplorerMenuExt
2 によって作成されます。そのため、この場所のキー値の下に 1 つを追加するだけです。例：[Make 0rz]を追加するとIEで右クリックすると同名の関数が表示されます
3. この機能にショートカット キーを使用する場合は、Windows フォームの開発と同じように、英語名の前に & 記号を追加するだけです。
例: キー値を [Make 0rz] から [&Make 0rz] に変更すると、ContextMenu が表示されたときに M を押すと、キー値の下で関数
が実行されます。重要なキー値は Contexts で、その主な機能は ContextMenu が表示されるタイミングを定義することです
。
含まれるもの: デフォルト (デフォルトの読み込み)、画像 (画像上)、コントロール (任意のコントロール項目上)、テーブル (テーブル上)、テキスト選択 (プレーン テキストが選択されている場合は強調表示されます)、アンカー (
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]
と記入します。
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] を実行します。現在のページのリンクは短縮されます。 (プレビュー機能なしで表示)
http://tw.msn.com/?ocid=iehp => http://0rz.tw/KR9Hf
(2) テキストリンク(ニュース)上で、右クリックしてContextMenuの[Make 0rz]を実行すると、テキストリンクが短縮されます。 （プレビュー機能で表示）
http://news.msn.com.tw/ => http://0rz.tw/7d2H6
(3) 画像リンクまたは画像を右クリックしてContextMenuの[Make 0rz]を実行し、画像の位置を指定してURLを短縮します。
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 ファイルを自分で削除します
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
