jQuery自定义鼠标右键

所属分类:其他-独立的部件,杂项

 18404  246  查看评论 (11)
分享到微信朋友圈
X
jQuery自定义鼠标右键 ie兼容9

更新时间:2018/3/13 下午8:35:48

更新说明:

修改内容:css:需要在.shade中添加display:none;

调用方法:ele是你调用的目标对象,默认为body。例如:你需要鼠标右键点击nav下li才显示右键列表则调用为:

$('body').mouseRight({
    ele: '.nav> li ',
    menu: [{
        itemName: "添加",
        icon: "fa fa-plus",
        callback: function() {
            alert('我是添加')
        }
    }, {
        itemName: "修改",
        icon: "fa fa-files-o",
        callback: function() {
            alert('我是修改')
        }
    }, {
        itemName: "粘贴",
        icon: "fa fa-clipboard",
        callback: function() {
            alert('我是粘贴')
        }
    }, {
        itemName: "删除",
        icon: "fa fa-trash",
        callback: function() {
            alert('我是删除')
        }
    }]
});

ps:此处body不能更改,具体原因我有点蒙,感觉鼠标右键作用与全局不知道对与不对,希望大牛给与指导,再次感谢!


jQuery自定义鼠标右键插件mouseRight.js

插件不用再定义其他元素,是直接追加在body元素之后。

参数说明:

  • itemname:表示右键菜单新建项的名称

  • icon:新建项font-awesome图标如:fa fa-plus

  • callback:表示点击新建项的回调函数

js调用方法

$('body').mouseRight({menu: [{
    itemName: "添加",
    icon:"fa fa-plus",
    callback: function() {alert('我是添加')}
}]});

第一次写插件很多东西可能不够完善,希望大牛不吝赐教,感谢!

相关插件-独立的部件,杂项

jquery-ui改良版

jquery-ui或许你都看厌了那些ui,改良后的ui较为现代化
  独立的部件
 32173  268

jQuery网站引导插件joyride

jQuery网站引导插件joyride
  独立的部件
 26027  250

操作浏览器标题栏插件Title.js

Title.js是一个javascript库用来操作浏览器标题栏,没有依赖性。 这里有用法示例:添加前缀,加后缀,改变预定义的标题,招牌效果、打字机效果。
  独立的部件
 35267  274

可自定义轻量侧边悬浮插件

可以自定义悬浮.邮箱、QQ、电话、二维码等....
  独立的部件
 33276  492

讨论这个项目(11)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    RHINO 0
    2019/5/5 9:33:34
    heiyiren 0
    2018/8/12 9:17:44
    bug 调用的class 和网站很多功能冲突
        西瓜0
        2018/8/12 10:02:14
        这不算bug自己修改下样式名就可以了。
    回复
    heiyiren 0
    2018/8/12 9:16:42
    bug 调用的class 和网站冲突 回复
    炎龙 0
    2018/8/8 16:26:54
    学习一下。拿你的插件改造了一下,返回点击对象了^_^ 回复
    海绵babч.╁? 0
    2018/4/20 9:42:38
    兄弟有点问题
        海绵babч.╁?0
        2018/4/20 9:43:38
        出现了一次,不能在body1其他地方点击
    回复
    那一瞬.................. 0
    2018/3/13 10:02:56
    我想定义在其他元素上怎么操作,直接改$('body') 没用啊
        时间后面的闲人0
        2018/3/13 21:02:17
        不能直接更改body,具体原因我有点懵。我刚更新了下,可以在对象中添加ele:'你需要点击后显示右键的元素'。不知道能通过不 不行的话吱一声我发博客去。
    回复
    名友 0
    2018/3/12 16:57:53
    很好 请问能适用ie8吗
        时间后面的闲人0
        2018/3/12 18:16:53
        不支持的 我自己用的谷歌做的
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复