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

 更新时间:2014年10月11日 17:31:23   投稿:whsnow  
这篇文章主要介绍了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("right")} 
}*/ 
document.onkeydown=function() 
{ 
alert(event.keyCode); 
} 
</script>

event.x 鼠标横轴
event.y 鼠标纵轴
event.keycode 键盘值
events.button==0 默认。没有按任何按钮。
events.button==1 鼠标左键
events.button==2 鼠标右键
events.button==3 鼠标左右键同时按下
events.button==4 鼠标中键
events.button==5 鼠标左键和中键同时按下
events.button==6 鼠标右键和中键同时按下
events.button==7 所有三个键都按下

相关文章

  • JavaScript实现在页面刷新时成功发送停止请求

    JavaScript实现在页面刷新时成功发送停止请求

    最近接到一个需求,需要在页面刷新或者关闭浏览器标签页的时候触发停止当前sql的接口,所以本文小编给大家详细介绍了解决方案和实现代码,需要的朋友可以参考下
    2023-11-11
  • javascript实现双端队列

    javascript实现双端队列

    这篇文章主要为大家详细介绍了使用javascript实现双端队列,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-11-11
  • js判断上传文件后缀名是否合法

    js判断上传文件后缀名是否合法

    这篇文章主要介绍了js判断上传文件后缀名是否合法的具体方法,以一个完整实例分析了javascript判断上传文件后缀名是否合法的方法,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • 最新热门脚本Autojs源码分享

    最新热门脚本Autojs源码分享

    AutoJS 是基于一个标准字典库的文本输入自动完成 JavaScript 库。Auto.js 是使用纯 JS 实现的,没有任务外部依赖,大小仅仅 6kb,本文给大家分享最新热门脚本Autojs源码,感兴趣的朋友一起看看吧
    2021-05-05
  • lightBox 简易的全屏透明遮罩解决方法

    lightBox 简易的全屏透明遮罩解决方法

    现在全屏的半透明遮罩层在web2.0网站应用非常广泛了,绝大多数遮罩是通过计算页面大小,然后覆盖一个与页面同等大小的层实现,如腾讯qzone, wordpress后台。
    2010-06-06
  • JS中静态页面实现微信分享功能

    JS中静态页面实现微信分享功能

    小编使用ajax实现静态页面也能实现微信分享功能,今天小编给大家分享实现代码,对js静态页面微信分享功能感兴趣的朋友参考下本文
    2017-02-02
  • 手机开发必备技巧:javascript及CSS功能代码分享

    手机开发必备技巧:javascript及CSS功能代码分享

    这篇文章主要介绍了手机开发必备技巧:javascript及CSS功能代码分享,本文讲解了viewport(可视区域)操作、链接操作、javascript事件等内容,需要的朋友可以参考下
    2015-05-05
  • js获取光标位置的最新方法

    js获取光标位置的最新方法

    这篇文章主要给大家介绍了关于js获取光标位置的最新方法,获取光标位置,最常用的方法就是使用Selection对象和Range对象,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2023-09-09
  • web前端页面生成exe可执行文件的方法

    web前端页面生成exe可执行文件的方法

    这篇文章给大家介绍了Electron 怎么将网页打包成桌面应用(web前端页面怎么生成exe可执行文件),感兴趣的朋友跟随脚本之家小编一起学习吧
    2018-02-02
  • 详解Webpack多环境代码打包的方法

    详解Webpack多环境代码打包的方法

    这篇文章主要介绍了详解Webpack多环境代码打包的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08

最新评论