欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 编程资源 > 编程问答 >内容正文

编程问答

contextmenu 鼠标右键菜单功能

发布时间:2023/12/16 编程问答 49 豆豆
生活随笔 收集整理的这篇文章主要介绍了 contextmenu 鼠标右键菜单功能 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

contextmenu分为事件和属性

  • contextmenu 作为事件的时候
    oncontextmenu 事件在元素中用户右击鼠标时触发函数方法。
    例子:
    HTML中:
  • <div oncontextmenu="myFunction()" contextmenu="mymenu">

    JavaScript中:

    object.oncontextmenu=function(){code};

    JavaScript中,使用addEventListener()方法:

    object.addEventListener("contextmenu", myFunction());

    JQ中,添加contextmenu事件:

    $(selector).bind("contextmenu", onContextmenu);
  • contextmenu 作为属性的时候
    注意:目前只有 Firefox 浏览器支持 contextmenu 属性。
    例子:
  • <div contextmenu="mymenu"><menu type="context" id="mymenu"><menuitem label="Refresh"></menuitem><menuitem label="Twitter"></menuitem></menu> </div>

    总结

    以上是生活随笔为你收集整理的contextmenu 鼠标右键菜单功能的全部内容,希望文章能够帮你解决所遇到的问题。

    如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。