jqury 右击事件插件

　　在有些时候，网页中需要给一些标签对象加入右击的事件，在网上看了一些小的插件，但是不能根据this获取到当前的标签。所以相对他们进行改进一下。自己写了一个小的js右击事件。废话不多说了，看代码。

$(function () {
    $.fn.rightclick = function (f) {
        var _this = this;
        var pthis = $(_this.selector);
　　　　 //清除html的右击菜单
        $(document).mousedown(function (e) {
            if (e.button != 1)
                return false;
        });
        //为这个对象绑定鼠标按下事件 
        $(this).mousedown(function (e) {
            //如果按下的是右键，则执行函数 
            if (3 == e.which) {
                //把这个对象的this付给制定传入方法（f）
                f.call(this);
            }
        });
    }
});

　　这样的话就可以对单独的标签进行添加rightclick事件了，下面可以给一个例子。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>右击事件</title>
    <script src="Scripts/jquery-1.7.1.js"></script>
    <script src="Scripts/rightclick.js"></script>
    <style>
        li {
            height:20px; border:#b6ff00 1px solid; line-height:20px; width:20px;margin:10px;
        }
    </style>
    <script>
        $(function () {
            $(".li").rightclick(cli);
            $("#a").rightclick(function () {
                alert("你看看");
            })
        });
        function cli () {
            var index = $(".li").index(this);
            alert('这个标签的index是'+index);
        }
    </script>
</head>
<body>
    <ul>
        <li class="li">1</li>
        <li class="li">2</li>
        <li class="li">3</li>
        <li class="li">4</li>
        <li class="li">5</li>
        <li class="li">6</li>
    </ul>
    <p id="a">右击</p>
</body>
</html>

但是这个事件并不支持bind("rightclick",function(){});这样的写法。如果有大神看到的话希望联系改进一下。

仅此，谢谢捧场。

posted @ 2013-07-19 14:57  Robert·Hou  阅读(329)  评论(0)  编辑  收藏  举报