jQuery自定义鼠标右键

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

 3001  29  查看评论 (6)
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('我是添加')}
}]});

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

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

可停靠屏幕边缘的侧边栏插件

我自己封装的可停靠屏幕边缘的侧边栏插件,可以制作页面的通知信息,客服信息,联系方式等
  独立的部件
 11269  124

jquer网页打印插件PrintArea.js

jquery实现页面打印可局部打印
  独立的部件
 11153  84

复制剪切粘贴插件clipboard.js

clipboard.js能够实现复制剪切粘贴的功能,实例方法全。
  独立的部件
 13661  92

jQuery表格导出数据

将表格的数据导出到excel,csv,pdf或是直接打印
  独立的部件
 4895  95

讨论这个项目(6)回答他人问题或分享插件使用方法奖励jQ币

    海绵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
        不支持的 我自己用的谷歌做的
    回复
取消回复