jQuery自定义鼠标右键

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

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表格 可选择导出各种格式

表格内容详情可选择导出各种格式(Excel(xls)、PDF、PNG)
  独立的部件
 24282  177

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

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

新浪天气、时间获取插件

LeoWeather 是一款专门用来获取天气和时间的插件,本插件自创的标签模式使得用户可以更好的对显示内容进行排版!
  独立的部件
 24983  191

html5手势解锁插件H5lock.js

html5手势解锁插件H5lock.js详细注释
  独立的部件
 12700  68

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

    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
        不支持的 我自己用的谷歌做的
    回复
取消回复
  短信接口