[原创]js鼠标按键

最新推荐文章于 2025-07-22 15:12:36 发布
最新推荐文章于 2025-07-22 15:12:36 发布
阅读量120 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/520yang/articles/4409198.html

event.button

<script language="javascript">

function TestClick(oEvent){

              var oDiv = document.getElementById("display");

              if(window.event)

                            oEvent = window.event;

              oDiv.innerHTML += oEvent.button;             //输出button的值

}

document.onmousedown = TestClick;

window.onload = TestClick;   //测试未按下任何键

</script>

</head>

 

 

 

<body>

<div id="display"></div>

</body>

 

 

在 IE 里面
左键是 window.event.button = 1
右键是 window.event.button = 2
中键是 window.event.button = 4
没有按键动作的时候 window.event.button = 0

在 Firefox 里面
左键是 event.button = 0
右键是 event.button = 2
中键是 event.button = 1
没有按键动作的时候 event.button = 0

在 Opera 7.23/7.54 里面
鼠标左键是 window.event.button = 1
没有按键动作的时候 window.event.button = 1
右键和中键无法获取

键盘事件

window.onload = function(){

              var oTextArea = document.getElementsByTagName("textarea")[0];

              oTextArea.onkeydown = handle;    //监听所有键盘事件

              oTextArea.onkeyup = handle;

              oTextArea.onkeypress = handle;

}

 

e.keyCode;

 

onkeypress是在用户按下并放开任何字母数字键时发生。系统按钮（例如，箭头键和功能键, Shift、Ctrl、Alt、F1、F2）无法得到识别。
onkeyup 是在用户放开任何先前按下的键盘键时发生。
onkeydown 是在用户按下任何键盘键（包括系统按钮，如箭头键和功能键）时发生

 

第一种方式：

<script language="javascript">

function block(oEvent){

              if(window.event)

                            oEvent = window.event;

              if(oEvent.button == 2)

                            alert("鼠标右键不可用");

}

document.onmousedown = block;

</script>

 

第二种方式：

<script language="javascript">

function block(oEvent){

              if(window.event){

                            oEvent = window.event;

                            oEvent.returnValue = false; //取消默认事件 支持IE

              }else

                            oEvent.preventDefault();      //取消默认事件 支持Firefox

}

document.oncontextmenu = block;

</script>

转载于:https://www.cnblogs.com/520yang/articles/4409198.html

anshi2703
关注
JavaScript模拟键盘鼠标(附完整源码)
希望我的博客，能帮上你解决学习中工作中所遇到的问题
10-29 911
JavaScript模拟键盘鼠标(附完整源码)
JS·dispatchEvent方法模拟鼠标点击按下弹起无效之解决
SCscHero的博客
07-19 1926
阅文时长 | 0.16分钟 字数统计 | 265.6字符 主要内容 | 1、引言&背景 2、声明与参考资料 『JS·dispatchEvent方法模拟鼠标点击按下弹起无效之解决』 编写人 | SCscHero 编写时间 | 2021/7/19 PM8:24 文章类型 | 系列 完成度 | 已完成 座右铭 每一个伟大的事业，都有一个微不足道的开始。 一、引言&背景   完成度：100% a) ..
JavaScript鼠标和按键
SignalFire的博客
05-03 191
获取鼠标位置： $('#dv').mousemove = function(e){ var x = e.clientX;//元素内的x坐标 var y = e.clientY; }; 键盘事件： $(window).keydown(function(e){ var x = e.keyCode;//获取键盘值对应的ACSII码 }); ...
javascript基础从小白到高手系列一百五十三：鼠标按键
wanmeijuhao的博客
03-25 534
 altLeft，布尔值，表示是否按下了左Alt 键（如果altLeft 是true，那么altKey 也是true）； shiftLeft，布尔值，表示是否按下了左Shift 键（如果shiftLeft 是true，那么shiftKey。 ctrlLeft，布尔值，表示是否按下了左Ctrl 键（如果ctrlLeft 是true，那么ctrlKey 也是。按照惯例，鼠标主键通常是左边的按键，副键通常是右边的按键。键，而且优先翻译为主键。比如，IE 返回5 或7 时，就会对应到DOM 的0。
js中的事件01(鼠标事件)
ruler1112的博客
07-27 318
/* 1.load事件:在window或者图片或者嵌入的内容加载完毕的时候触发 window.onload=function(argument){} (以上几种情况下传入的event对象并没有什么有用的信息,甚至是undefined) (对于img标签只要指定了src属性就会加载图片,而对于script则要等到元素被插入到文档中才会起效果) (link
Js中的鼠标键盘事件
正一品程序员的博客
08-13 232
<!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>17、Js中的鼠标键
JavaScript-事件类型（键盘事件，鼠标事件，焦点事件）
2401_84140816的博客
04-17 1047
网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！存中…(img-mFDty9f6-1713308705692)]一个人可以走的很快，但一群人才能走的更远！
matlab 判断鼠标按下_关于matlab鼠标响应
weixin_39791386的博客
12-19 2186
今天看了一下Matlab中响应鼠标的事件，整理如下，(1)函数WindowButtonMotionFcn，当鼠标在窗口上运动的时候就会相应此函数，于是在此函数中可以设置运动时想要的代码，如：改变鼠标的形状：if 满足某一个条件set(gcf,'Pointer','hand') % 设置为手的形状elseset(gcf,'Pointer','arrow') % 设置为箭头的形状end(2)函数Win...
基于原生JS写的一款网页小游戏
07-17
4. 事件对象：事件对象是JavaScript处理事件时传递给事件处理函数的参数，包含了与事件相关的各种信息，如鼠标位置、按键状态等。游戏可能利用这些信息来判断玩家的操作，比如点击的位置是否为四叶草所在之处。 5. ...
JavaScript保姆级教程 ——— 重难点详细解析（万字长文，建议收藏）
m0_67265464的博客
07-28 375
对象是变量的容器写法以键值对的方式（键名键值）键值对称之为对象的属性循环对象一般用forin//对象定义letperson={firstName“ouyang”,lastName“xiu”,age18};//循环对象for(letkeyinperson){console.log(key);//键名console.log(person[key])//键值}...
JS鼠标键盘触发事件汇总
qq_40690077的博客
11-26 1205
onclick 鼠标事件时触发； ondblclick 鼠标双击时触发； onmousemove 鼠标移动时触发； onmouseover 鼠标移上时触发； onmouseout 鼠标离开时触发。 和 键盘有关的事件： onkeydown 键盘按下时触发； onkeyup 从键盘按键抬起是触发； onkeypress 按下键盘上的键以后触发。 应用于 表单元素的事件：
js常用点击、鼠标、键盘事件--详解
合格程序猿
07-02 1989
JavaScript 提供了多种事件类型，包括点击事件、鼠标事件和键盘事件。您可以通过监听这些事件来响应用户的交互动作
Js-三大事件（鼠标事件、键盘事件、html事件）
热门推荐
qwer_df_b的博客
08-23 9万+
鼠标事件、键盘事件、html事件
Javascript如何判断按下的是鼠标左键还是右键
chentu279203653csdn的博客
01-26 1万+
Javascript如何判断按下的是鼠标左键还是右键 一、需求：在页面上某个元素上点击鼠标右键，弹出二级悬窗（右键菜单）。 二、解决技术问题：如何监听鼠标右键事件 三、解决方案：  1.使用jquery开发库；  2.给该元素注册jquery的mousedown事件；  3.事件对象event的属性值为0时表示是鼠标左键；值为2时表示鼠标右键。左键：event == 0;右键：
JS 获取鼠标左右键
三层楼的木房子
02-24 1504
function test()  {  alert(event.x+" "+event.y);  alert(event.button);  }  /*右键菜单不显示*/  document.oncontextmenu=function()  {  return false;  }  /*document.onmousedown=function()  {  if(even
【JS】JS常见事件，鼠标键值，键盘keycode码
空空
10-23 5135
a.窗口事件,只在body和frameset元素中才有效 onload 页面或图片加载完成时 onunload 用户离开页面时 b.表单元素事件,在表单元素中才有效 onchange 框内容改变时 onsubmit 点击提交按钮时 onreset 重新点击鼠标按键时 onselect 文本被选择时 onblur 元素失去焦点时 onfoc...
vue3实现可视化大屏布局
遇见--专栏
07-21 251
本文实现了一个4x3宫格布局的数据可视化大屏系统，主要功能包括：1) 创建4列3行的网格布局；2) 支持设置跨行跨列区域，并自动隐藏被覆盖的单元格；3) 内容自动居中显示。通过setAreaSpanAndUpdateVisibility方法可以指定某个区域跨越的行列数，系统会自动计算并隐藏被该区域覆盖的其他单元格。例如设置区域2跨3行2列时，会自动隐藏区域3、6、7、10、11。每个单元格支持显示不同类型的组件（图表、表格、文本等），并可通过样式控制实现内容居中显示效果。
xss漏洞
peach_TT的博客
07-22 780
恶意脚本代码作为发送给服务器，服务器在未充分验证或转义的情况下，中。受害者需要被诱骗点击一个（包含攻击脚本）才能触发攻击。
写个 flask todo app，简洁，实用
最新发布
waterHBO的博客
07-22 512
这是一个基于 Flask 框架开发的现代化 Todo 应用，专为个人任务管理而设计。应用采用简洁的界面设计和直观的操作方式，帮助用户高效管理日常任务。这个 Flask Todo 应用虽然功能简洁，但涵盖了任务管理的核心需求。它不仅是一个实用的工具，也是学习 Flask 全栈开发的优秀示例。无论是个人使用还是作为学习项目，都具有很好的实用价值。项目代码结构清晰，易于理解和扩展，是 Web 开发初学者和有经验开发者的理想选择。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值