jQuery检测鼠标左键和右键点击的方法

本文实例讲述了jQuery检测鼠标左键和右键点击的方法。分享给大家供大家参考。具体分析如下:

这段代码使用jQuery检测鼠标左键和右键点击,可以判断出用户点击了鼠标左键还是鼠标右键,其中考虑到了变态的IE的情况,放心使用。

代码如下:

$("#someelement").live('click', function(e) {
    if((!$.browser.msie && e.button == 0) || ($.browser.msie && e.button == 1))
    {
        alert("Left Mouse Button Clicked,http://www.jb51.net");
    }else if(e.button == 2) {
        alert("Right Mouse Button Clicked,http://www.jb51.net");
    }
});

希望本文所述对大家的jQuery程序设计有所帮助。

(0)

相关推荐

  • 深入探讨JavaScript、JQuery屏蔽网页鼠标右键菜单及禁止选择复制

    我记得在刚开始接触动态HTML及JavaScript时就接触过关于鼠标右键屏蔽的脚本代码,当时这些代码很多会用在防止浏览者未经允许的复制网页上的文字或者其他内容,后来的实际应用证明这种做法是不符合用户体验的,而且破解的方法也有很多,比如我曾经写过一篇文章讲解如何解除网页禁止复制的办法. 由此可见,限制右键及复制是不明智的做法,但是今天我仍然要谈谈关于禁止网页复制.右键菜单的事儿,因为随着网页APP技术的发展,网页应用和桌面应用之间的界限越来越模糊,有一些桌面程序实际上是由网页配合JavaScri

  • jquery实现人性化的有选择性禁用鼠标右键

    使用比较暴力的手段禁用鼠标右键是不人性化的,所以最好还是有选择性的禁用鼠标右键. 代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.45it.com/" /> <title>我们</title> <style

  • jquery 禁止鼠标右键并监听右键事件

    禁止鼠标右键: $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); }); 监听右键事件: $(function(){ $('a').mousedown(function(e){ alert(e.which) // 1 = 鼠标左键 left; 2 = 鼠标中键; 3 = 鼠标右键 return false;//阻止链接跳转 }) }) 如 $('#dow

  • jquery事件机制扩展插件 jquery鼠标右键事件。

    jquery其实本身的事件机制就很完善了,包括了单击,双击,鼠标移入,鼠标移出等.但是却少了一个做事件.就是鼠标右击事件.当然大家也是直接用侦听鼠标按下事件,然后通过if来判断执行相应的函数.造成鼠标右击事件的效果. 但是这不是我想要的,我想要的似乎这个事件可以跟其它事件比如单击事件一样.可以被方便的使用,而不需要每次都去判断.这里通过编写jquery插件的形式扩展,让这个方法可以直接使用$().rightClick();来使用. jQuery的插件主要分3种类型 1.封装对象方法的插件 (这种

  • jquery事件机制扩展插件 jquery鼠标右键事件

    因为最近技术长进缓慢,也没高手带,只能靠自己了,所以想仿个WEBQQ来锻炼下自己.做之前最好先把必要的东西准备好.jquery其实本身的事件机制就很完善了,包括了单击,双击,鼠标移入,鼠标移出等.但是却少了一个做事件.就是鼠标右击事件.当然大家也是直接用侦听鼠标按下事件,然后通过if来判断执行相应的函数.造成鼠标右击事件的效果. 但是这不是我想要的,我想要的似乎这个事件可以跟其它事件比如单击事件一样.可以被方便的使用,而不需要每次都去判断.这里通过编写jquery插件的形式扩展,让这个方法可以直

  • jQuery检测鼠标左键和右键点击的方法

    本文实例讲述了jQuery检测鼠标左键和右键点击的方法.分享给大家供大家参考.具体分析如下: 这段代码使用jQuery检测鼠标左键和右键点击,可以判断出用户点击了鼠标左键还是鼠标右键,其中考虑到了变态的IE的情况,放心使用. 复制代码 代码如下: $("#someelement").live('click', function(e) {     if((!$.browser.msie && e.button == 0) || ($.browser.msie &&

  • 鼠标左键单击变双击的解决方法

    偶的罗技鼠标有点问题了,看来是微动开关的问题,从网上找了点资料,有时间了试试. Quote: 把鼠标打开,找到鼠标左按键的微动开关,一个黑色的小盒子卡在电路板上.打开微动开关的方法是用牙签从侧面下方的小洞插入撬开,轻撬微动开关中部的卡子,注意不要盲目乱插,观察一下上面的机关再动手,小心别用力过猛导致塑料上盖损坏.轻轻将微动开关的上盖打开,这时可以看到下面的铜片,铜片如果变型就取下来小心撑回原来的形状,然后装回原处. 用棉花棒蘸上酒精清洗一下铜片,清洗的过程中,用力要均匀,避免铜片移位.一定不要带

  • 鼠标左键单击冲突的问题解决方法(防止冒泡)

    本人在一个页面实现了两种右键菜单,当鼠标左键单击空白处时,右键菜单并不隐藏.于是,Google之,最后找到一种方法,将鼠标左键单击事件改为: 复制代码 代码如下: <span style="font-size:24px;">$(document).click( function () { }</span> 改为 复制代码 代码如下: <span style="font-size:24px;">$(document).on('cli

  • c语言在控制台判定鼠标左键的小例子

    复制代码 代码如下: // temp1.cpp : Defines the entry point for the console application. // //#include <stdafx.h> #include <windows.h> #include <conio.h> #include <stdlib.h> #include<stdio.h> int main(int argc, char* argv[]) {  SetCons

  • jQuery实现鼠标划过添加和删除class的方法

    本文实例讲述了jQuery实现鼠标划过添加和删除class的方法.分享给大家供大家参考.具体实现方法如下: $('#elm').hover( function(){ $(this).addClass('hover') }, function(){ $(this).removeClass('hover') } ) 希望本文所述对大家的jQuery程序设计有所帮助.

  • jquery实现鼠标滑过小图时显示大图的方法

    本文实例讲述了jquery实现鼠标滑过小图时显示大图的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <title></title> </head> <style type="text/css&

  • javascript实现在网页任意处点左键弹出隐藏菜单的方法

    在网页的任意处点击左键就会弹出来,实际上是用JS控制DIV层的显示,DIV层内嵌套的是一个表格,表格里放菜单,这样修改方便,不会CSS也没关系,你可以把它复制下来,用DW打开重新修改一下菜单样式,换成你自己喜欢的色彩 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>隐藏菜单</ti

  • jquery检测input checked 控件是否被选中的方法

    jquery检测input checked 控件是否被选中 js部分 复制代码 代码如下: function tongyianniu(){ var gouxuan=$('input[type=checkbox]').is(':checked'); alert(gouxuan); } html部分 复制代码 代码如下: <input type="button" id="btnRegister" onclick="tongyianniu();"

  • JS 获取鼠标左右键的键值方法

    function test() { alert(event.x+" "+event.y); alert(event.button); } /*右键菜单不显示*/ document.oncontextmenu=function() { return false; } /*document.onmousedown=function() { if(event.button==1) {alert("left")} if(event.button==2) {alert(&qu

  • js鼠标左右键 键盘值小结

    复制代码 代码如下: function test() { alert(event.x+" "+event.y); alert(event.button); } /*右键菜单不显示*/ document.oncontextmenu=function() { return false; } /*document.onmousedown=function() { if(event.button==1) {alert("left")} if(event.button==2)

随机推荐