js怎么编写鼠标的右击事件

JavaScript07

js怎么编写鼠标的右击事件,第1张

js右击事件

先贴代码：

注意的两个点是：

①：先取消默认右击事件,event.preventDefault()

②：判断event.Button:0:左键，1：滚轮，2：右键。

值得一说的的是"oncontextmenu"是指右键按下时的作用。

再给一个应用吧：

右击div显示出自己定义的菜单，点击除了div的地方，是默认的右击事件。

代码：

效果自行查看吧，其实也没啥。

原理是，右键的菜单其实是一个隐藏的div,当点击父类div的时候，它出现而已。（貌似这样一说显得这个程序好垃圾啊，_(___)_其实这也是大厦的一块砖，少了它，大厦会塌的）

再给了类似的应用吧,一个点击div消失的效果。

js鼠标点击加偏移代码是event.clientX。根据查询相关公开信息显示：js一般指JavaScript，JavaScript（简称JS）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言，虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，js鼠标点击加偏移代码是event.clientX。

1、提前准备一组图片，将图片名称设置一定规律：例如  img1.jpg、img2.jpg

2、编写鼠标点击事件

3、在鼠标点击时间里，判断鼠标点击次数

4、根据不同次数，显示不同的图片

<script type="text/javascript">

    $(function(){

        var items=new Arrays("img1.jpg","img2.jpg","img3.jpg","img4.jpg","img5.jpg")

        var i=0

        $("#bgImage").click(function(){

            i++

            if(i>items.length){

                i=1

            }

            $(this).prop("src","img"+i+".jpg")

        })

    })

</script>