jQuery自定义鼠标右键

查看演示立即下载

插件描述：此插件只是对鼠标右键简单封装，综合利用了fontawesome字体图标，实现了基本的鼠标右键功能。

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

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

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效： jQuery前端excel导入插件xlsx.core.js
下一个特效： jQuery随机验证码插件