Loading [MathJax]/jax/input/TeX/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jQuery如何区分左右点击鼠标?

jQuery如何区分左右点击鼠标?

提问于 2017-12-18 06:33:49
回答 2关注 0查看 319

你如何获得使用jQuery点击鼠标按钮?

代码语言:txt
AI代码解释
复制
$('div').bind('click', function(){
代码语言:txt
AI代码解释
复制
    alert('clicked');
代码语言:txt
AI代码解释
复制
});

这是由右键和左键触发,能够捕捉鼠标右键单击的方式是什么?如果像下面这样的东西存在,我会很高兴:

代码语言:txt
AI代码解释
复制
$('div').bind('rightclick', function(){ 
代码语言:txt
AI代码解释
复制
    alert('right mouse button is pressed');
代码语言:txt
AI代码解释
复制
});

回答 2

嗨喽你好

发布于 2017-12-18 06:57:56

我改变了它的工作动态添加元素.on()在jQuery 1.7或以上使用:

代码语言:txt
AI代码解释
复制
$(document).on("contextmenu", ".element", function(e){
代码语言:txt
AI代码解释
复制
   alert('Context Menu event has fired!');
代码语言:txt
AI代码解释
复制
   return false;
代码语言:txt
AI代码解释
复制
});

这是我的:

代码语言:txt
AI代码解释
复制
$('.element').bind("contextmenu",function(e){
代码语言:txt
AI代码解释
复制
   alert('Context Menu event has fired!');
代码语言:txt
AI代码解释
复制
   return false;
代码语言:txt
AI代码解释
复制
}); 

如果你是多种解决方案^^

以往V

发布于 2017-12-18 06:57:22

从jQuery版本1.1.3开始,event.which规范化event.keyCode,event.charCode所以你不必担心浏览器的兼容性问题。关于文件event.which

event.which 将分别给左,中,右鼠标按钮1,2或3,这样:

代码语言:txt
AI代码解释
复制
$('#element').mousedown(function(event) {
代码语言:txt
AI代码解释
复制
    switch (event.which) {
代码语言:txt
AI代码解释
复制
        case 1:
代码语言:txt
AI代码解释
复制
            alert('Left Mouse button pressed.');
代码语言:txt
AI代码解释
复制
            break;
代码语言:txt
AI代码解释
复制
        case 2:
代码语言:txt
AI代码解释
复制
            alert('Middle Mouse button pressed.');
代码语言:txt
AI代码解释
复制
            break;
代码语言:txt
AI代码解释
复制
        case 3:
代码语言:txt
AI代码解释
复制
            alert('Right Mouse button pressed.');
代码语言:txt
AI代码解释
复制
            break;
代码语言:txt
AI代码解释
复制
        default:
代码语言:txt
AI代码解释
复制
            alert('You have a strange Mouse!');
代码语言:txt
AI代码解释
复制
    }
代码语言:txt
AI代码解释
复制
});
和开发者交流更多问题细节吧,去 写回答
相关文章
scratch鼠标画笔-模拟鼠标的左右按键效果
有一个任务,要实现当鼠标按下左键可以绘制蓝色线段,按下右键绘制红色线段,没有按下时不绘制效果。
叶子陪你玩
2020/05/29
3.1K0
jquery鼠标事件
click()   为点击事件绑定一个事件处理函数,或者触发元素点击事件。   .click( handler(eventObject) )     handler(eventObject)       每次事件触发时候执行的函数。   .click([eventData],handler(eventObject))     eventData       一个对象,它包含的数据键值对应映射将被传递给事件处理程序。   handler(e
用户1197315
2018/01/19
5.3K0
鼠标点击特效
展示: (function() { window.onclick = function(event) { var heart = document.
ProsperLee
2018/10/24
3.7K0
鼠标点击特效
鼠标点击特效:canvas点击效果
JS代码(代码中包含了sketch.min.js的源码,如果你的网站已经引用了,请删掉下面的6到7行。):
用户7162790
2022/03/23
5.3K0
jQuery 上下左右滑动
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; <html xmlns="http://www.w3.org/1999/xhtml"&gt; <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>
用户1503405
2021/09/27
7.5K0
JS如何模拟鼠标点击X,Y坐标
https://developer.mozilla.org/zh-CN/docs/Web/API/Document/createEvent
一个会写诗的程序员
2018/10/09
16.2K0
JS如何模拟鼠标点击X,Y坐标
html鼠标点击后变换样式,css鼠标样式(css鼠标点击切换样式)
好评回答:进入控制面版→维护首页内容→自定义空白面版→输入方框内代码,有的人给出的代码还要打字,我的不需要,其实在代码里加入一个就可以了,因为这个东西是HTML代码里的空格,相当于有内容了.—- a:hover {cursor:url(‘http://放在连接上的鼠标样式’)}BODY {cursor:url(‘http://平时的鼠标样式’)}详见 若还觉得不够详细可直接给我留言,有几十种个性模板供你参考
全栈程序员站长
2022/09/02
5K0
鼠标点击特效tunneler
2022.10.15update:虽然找到了JS文件,现在已经不能使用了,有需要文件自行研究的留言。
空空裤兜
2023/03/03
2.8K0
鼠标点击爱心效果
代码如下: <script> /* 鼠标点击爱心特效 * luymm */ !function (e, t, a) { function r() { for (var e = 0; e <
用户1040278
2022/10/21
1.9K0
左右点击切换tab标签的实现
演示: 代码实现: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .tab-cont
岳泽以
2023/04/27
3.4K0
左右点击切换tab标签的实现
jQuery点击返回顶部
<div class="backtop" href="javascript:;"> <img id="to_top" title="回顶部" style="width: 50px;" src="https://cdn.suoluomei.com/public/paparela/static/image/dingbu.png" alt="置顶图标"> </div> $(document).ready(function(){ //为当前窗口添加滚动条滚动事件 $
明知山
2020/09/03
6.6K0
通过鼠标点击在点击处出现图片
好多人应该都玩过4399小游戏里的找不同游戏吧,当你点对的时候他会在你鼠标点击处出现一个动画,点击错的时候也会出现相应的图片。下面我来说一下在网页里这种效果怎么实现吧。
OECOM
2020/07/01
4.5K0
jQuery点击click()事件
<p>这是一个段落。</p> <button onclick="active()">切换</button> <script> $(document).ready(function(){ $("button").click(function(){ $("p").slideToggle(); }); function active(){ $("p").slideToggle(); } }); </script>
明知山
2020/09/03
10.7K0
css更改鼠标指针样式,几种鼠标点击效果
平常,我们在浏览界面时,会发现鼠标的样式有所不同,鼠标的样式变化和cursor属性有关。cursor属性的几个关键字:default、pointer、wait、help、text、crosshair。
不愿意做鱼的小鲸鱼
2022/09/24
5.1K0
css更改鼠标指针样式,几种鼠标点击效果
jquery 鼠标移入 文字提示
} </style> <script type="text/javascript"> //<![CDATA[
用户5760343
2019/10/10
6.1K0
jquery 鼠标移入 文字提示
点击轮播图片左右button,实现轮播效果
对于鼠标悬浮上去,下方出现横条描写叙述、左右出现button等效果,全然能够用css实现,不须要使用js来实现了。
全栈程序员站长
2022/07/07
6.7K0
【Unity3D】鼠标射线点击,UI出现在鼠标点击的位置
创建一条射线Ray需要指明射线的起点(origin)和射线的方向(direction)。这两个参数也是Ray的成员变量。注意,射线的方向在设置时如果未单位化,Unity 3D会自动进行单位归一化处理。射线Ray的构造函数为 :
恬静的小魔龙
2020/03/10
5.5K0
axure实现点击按钮显示界面_axure哪些可点击怎么区分
整体过程挺好理解的,拖拽一个图片,双击能设置背景图片。然后选中按钮,并双击OnClick
全栈程序员站长
2022/11/17
2.6K0
axure实现点击按钮显示界面_axure哪些可点击怎么区分
jQuery点击图片开启,再次点击图片关闭效果
要求:jQuery点击图片开启,再次点击图片关闭效果 2:获取选中的图片的状态 并以整型的格式传给后端
王小婷
2022/01/09
8.8K0
jQuery点击图片开启,再次点击图片关闭效果
网页鼠标点击特效代码
我在网页的源代码中找到了这个鼠标点击特效代码,贴在下面。 代码复制到后台代码填写的地方,刷新网页,有漂亮的点击效果 <script> var a_idx = 0; jQuery(document).ready(function($) {     $("body").click(function(e) { var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善"); var $i = $("
幻影龙王
2021/09/08
5.6K0

相似问题

web播放器鼠标右键点击显示乱码?

1401

不需要鼠标点击动画自动运行是如何处理?

079

pygame左右不更新图片?

195

如何区分微信小程序开发中的区分导航接口?

2229

如何区分iqoo系列和vivo系列?

0188
相关问答用户
某公司 | 程序员擅长1个领域
腾讯云TDP | 先锋会员擅长2个领域
腾讯云TDP | 产品KOL擅长5个领域
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档