jQuery自定义鼠标右键

 查看演示  website  立即下载

更新时间：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('我是添加')}
}]});

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

PREVIOUS:
NEXT:
jQuery随机验证码插件
jQuery前端excel导入插件xlsx.core.js