Home > Web Front-end > JS Tutorial > body text

Develop Internet Explorer right-click menu (ContextMenu)_javascript skills

WBOY
Release: 2016-05-16 17:30:29
Original
1463 people have browsed it

Refer to MSDN Library [Adding Entries to the Standard Context Menu] to develop ContextMenu

1. IE's additional ContextMenu is created through the registration code HKEY_CURRENT_USERSoftwareMicrosoftInternet ExplorerMenuExt
2. So just add one under this location Key value, for example: if [Make 0rz] is added, the function of the same name will appear when you right-click in IE

SNAG-0003

SNAG-0001

3. If we want to use shortcut keys for this function, just like developing Windows Form, just add the & symbol before the English name.

For example: if we change the Key value from [Make 0rz] to [&Make 0rz], then pressing M when the ContextMenu appears will execute the function

4. Under the Key value, An important key value is Contexts. Its main function is to define the timing when ContextMenu appears

SNAG-0004

Includes: Default (default loading), Images (on pictures), Control (on any control item), Tables (on tables), Text selection (plain text highlighted) When selected), Anchor (on the link)

If ContextMenu wants to contain more than two occurrence times, just do the logic or calculation on the value and then bring it in

For example: in this example In the example, we can add a new DWORD type named Contexts and a key value of 23. It means that if you right-click the ContextMenu [Default Loading], [On Link], [On Image], the [Make 0rz] function will appear.

5. There is also the key value (Default). The content filled in in this key value is who the user will hand over when executing the ContextMenu function. It may be .html, .exe, .dll…. etc.

For example, in this example, I want to call javascript to execute the function, so I fill in [file://C:Program FilesMake0rz.js]

SNAG-0007

6. This basically completes the registration code part. We make it easier for users to install by creating .reg files. The following is this example RegMake0rz.reg file:

Copy code The code is as follows:

Windows Registry Editor Version 5.00

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

7. The following is the content of Make0rz.js:

Copy code The code is as follows:

 

Since the value in Contexts is set to 0x23, it means that [Default Loading], [On Link], [On Picture], right-click, and the [Make 0rz] function will appear. .
[Default Loading]: In a blank space of the page, right-click to execute [Make 0rz] of ContextMenu, which means the current page link will be shortened.
[On link]: On a text link, right-click to execute [Make 0rz] of ContextMenu, which means that the text link will be shortened.
[Default Loading]: Right-click on the image link or image to execute [Make 0rz] of ContextMenu to indicate the image position and shorten the URL.

In javascript, use external.menuArguments.event to determine when the user right-clicks and get the element
Use external.menuArguments.event.srcElement.href to get the link to the element
Use external.menuArguments.location.href to obtain the link of the current page

Then use window.open to open the 0rz.tw target page to display the result of shortening the URL.
If you execute 30 – 33 of the code, it means there is a preview screen (Preview); if you execute 35-38, there is no preview screen. (You can freely adjust it according to your needs)

8. Actual result map:
(1) In the blank space, right-click to execute [Make 0rz] of ContextMenu, which means that the current page link will be shortened. (Presented with No Preview function)

SNAG-0009

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

SNAG-0010

(2) On the text link (news), right-click to execute [Make 0rz] of ContextMenu, which means that the text link will be shortened. (Presented by Preview function)

SNAG-0008

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

SNAG-0011

(3) Right-click on the image link or image to execute [Make 0rz] of ContextMenu to indicate the image position and shorten the URL.

SNAG-0012

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

This function The example can be click here to download. The compressed file includes: RegMake0rz.reg registered machine code installation file, Make0rz.js function execution file, DelMake0rz.reg registered machine code uninstallation file

Installation: Execute RegMake0rz.reg, place Make0rz.js in the C:Program Files directory

Uninstall: execute DelMake0rz.reg, and delete the C:Program FilesMake0rz.js file yourself
Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template