right oncontextmenu derecho contextual context javascript html browser

javascript - oncontextmenu - Agregar al menú contextual del navegador?



menu click derecho jquery (4)

¿Es posible agregar un elemento al botón predeterminado del botón derecho del navegador?


No puede modificar la aplicación del cliente utilizando una página web. Si esto fuera posible, solo piense en cómo los hackers podrían explotar nuestra computadora.

Lo que puede hacer es definir su propio menú personalizado, mientras que el usuario hace clic derecho.

Verifique este ejemplo del complemento jquery: http://labs.abeautifulsite.net/archived/jquery-contextMenu/demo/


Una opción es reemplazar el menú contextual con su propio equivalente activado por JavaScript.

Firefox implementó el elemento de menu donde puede agregar al menú contextual existente. También se implementó en Chrome detrás de una bandera. Lamentablemente, esta característica se eliminó del estándar W3C debido a la falta de interés en la implementación.

<menu type="context" id="mymenu"> <menuitem label="Refresh Post" onclick="window.location.reload();" icon="/images/refresh-icon.png"></menuitem> <menuitem label="Skip to Comments" onclick="window.location=''#comments'';" icon="/images/comment_icon.gif"></menuitem> <menu label="Share on..." icon="/images/share_icon.gif"> <menuitem label="Twitter" icon="/images/twitter_icon.gif" onclick="goTo(''//twitter.com/intent/tweet?text='' + document.title + '': '' + window.location.href);"></menuitem> <menuitem label="Facebook" icon="/images/facebook_icon16x16.gif" onclick="goTo(''//facebook.com/sharer/sharer.php?u='' + window.location.href);"></menuitem> </menu> </menu>

Para hacer que un elemento use este menú contextual, agregue el contextmenu="mymenu" . Puede ver aquí que mymenu coincide con el atributo id del elemento de menu .

Source

Demo



en los navegadores modernos, puede manipular el menú contextual incorporado de la siguiente manera:

<menu type="context" id="supermenu"> <menuitem label="trial" onclick="alert(''Smile please'')"></menuitem> <menuitem label="rotate" onclick="rotate()" icon="http://cdn1.iconfinder.com/data/icons/silk2/arrow_rotate_clockwise.png"></menuitem> <menuitem label="resize" onclick="resize()" icon="http://cdn3.iconfinder.com/data/icons/fugue/icon/image-resize.png"></menuitem> <menu label="share"> <menuitem label="twitter" onclick="alert(''foo'')"></menuitem> <menuitem label="facebook" onclick="alert(''bar'')"></menuitem> </menu> </menu> <a href=''#'' contextmenu="supermenu">Right click me</a>

Para más información: http://www.w3.org/wiki/HTML/Elements/menu

demo: https://bug617528.bugzilla.mozilla.org/attachment.cgi?id=554309