首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    使用JS监听键盘事件

    事件说明 我们将键盘后事件的所有属性和方法打印出来(这里以1为例) document.onkeydown = function(event){ console.log(event)...; }  这里面有几个需要注意的属性 key:按键的名称 keyCode:按键的键码 altKey、ctrlKey、shiftKey:当组合(如ctrl+c)时,ctrlKey会变为...true 一、查看所有键 (获取event.key 的按键名称)(获取event.keyCode 的键码) document.onkeydown = function(event){...console.log(":"+event.key+"键:"+event.keyCode); } 下任意按键后的效果: 二、监听回车事件 这里以回车键(键码为13)为例 ,如果需要监听不同的按键...") } } 三、监听组合键 这里以CTRL+A为例 altKey:Alt+*组合键时为true ctrlKey:Ctrl+*组合键时为true shiftKey:Shift+

    11.4K10

    双击事件(dblclick)时,不触发鼠标(mousedown) 动作事件

    mouseover事件和mouseenter事件,都是鼠标进入一个节点时触发。...两者的区别是,mouseenter事件只触发一次,而只要鼠标在节点内部移动,mouseover事件会在子节点上触发多次。...在单击的时候(也就是鼠标的时候)不会执行双击,但是双击的时候会执行两次单击再执行双击事件。 解决的思路:要想双击时不执行单击事件,就使用定时器清除掉两个单击事件,留下一个双击事件。...index, item)"> handleMousedown(event, node, index) { clearTimeout(this.timeOut); // 清除第一个鼠标单击事件...(this.timeOut) console.log(event.target, 'handleDblclick'); }, 关于实现原理 在setTimeout 中的 time=200,大家知道js

    66920

    js鼠标事件

    (){                     alert('我是双击显示的');                 }             } 鼠标(onmousedown)事件(摁就执行,鼠标无需抬起...)             window.onload=function(){                 //绑定元素,执行鼠标下操作  鼠标(onmousedown)                 ...document.getElementById('d3').onmousedown=function(){                     alert('我是鼠标提示');                 ...}             } 鼠标抬起(onmouseup)事件(摁后,鼠标回弹才执行)             window.onload=function(){                 ...鼠标移入(onmouseover)事件             window.onload=function(){                 //绑定元素,执行鼠标移入事件   鼠标移入(onmousemove

    18.2K40

    js鼠标事件

    今天遇到一个非常奇怪而又搞笑的事情:给一个a标签添加一个鼠标移动上时给一个事件,我给其添加的是一个onMouseMove事件,结果在IE6 7 8 9和GOOLE中都很正常,结果在Firox中出现问题了...鼠标的一些事件如下所示: onMouseOver IE3|N2|O3 当鼠标移动到某对象范围的上方时触发的事件 onMouseMove IE4|N4|O 鼠标移动时触发的事件 onMouseOut IE4...|N3|O3 当鼠标离开某对象范围时触发的事件 onKeyPress IE4|N4|O 当键盘上的某个键被并且释放时触发的事件....[注意:页面内必须有被聚焦的对象] onKeyDown IE4|N4|O 当键盘上某个按键被时触发的事件[注意:页面内必须有被聚焦的对象] onKeyUp IE4|N4|O 当键盘上某个按键被放开时触发的事件

    13.7K30

    js 鼠标事件总结

    当监听鼠标事件时,会触发一些事件,我们可以与之交互: mousedown 鼠标按钮触发 mouseup 鼠标按钮被释放 click 点击事件 dblclick 双击事件 mousemove 当鼠标移动到元素上时...button 如果有按钮,则为鼠标事件触发时的按钮数目(通常为0 =主按钮,1 =中按钮,2 =右按钮)。处理由单击按钮引起的事件(例如单击)。...buttons 按钮(如果有),表示在任何鼠标事件上的按钮的数字。 clientX / clientY 无论是否滚动,鼠标指针相对于浏览器窗口的x和y坐标。...ctrlKey 如果在事件触发时ctrl键,则ctrlKey为真。 metaKey 如果事件触发时下了meta键,则metaKey true。...screenX / screenY 屏幕坐标中鼠标指针的x和y坐标。 shiftKey 如果在触发事件时shift键,则shiftKey为true。

    9.1K40

    JavaScript鼠标事件细讲:执行顺序+注意事项+区别比对

    当用户的焦点在按钮上并按了 Enter 键时,同样会触发这个事dblclick:双击鼠标左键时发生,如果右键也则不会发生contextmenu :弹出右键菜单。...输入框执行顺序是 tochstart -》touchend-》-》mousedown-》focus-》mouseup-》click-》blurmousedown、mouseup、click若在同一个元素上并松开鼠标左键...,不会触发click事件鼠标按键mousedown左右键均可触发,那么怎么区分左右键呢?...以下就是W3C的标准现范:左键中键右键当然微软是不会妥协的,因为e.button本来就是微软最先实现的,网景用的是e.which,但相对而言,微软的复杂多了。...0:没有键被1:左键2:右键3:左键与右键同时被4:中键5:左键与中键同时被6:中键与右键同时被7:三个键同时被参考文章:JS鼠标事件(非常详细) http://c.biancheng.net

    3.6K21

    js获取鼠标单击键

    GetMouseKey(event.button); } function GetMouseKey(button) {     if (button == 1) //event.button==1  鼠标左键...    {         alert("单击了左键");         //处理代码     }     if (button == 2 || button == 0) // 测试在IE中右键是...在Maxthon2.0正式版中是0,IE中默认是0     {         alert("单击了右键");         //处理代码     }     if (button == 3) //鼠标左右键同时...}     if (button == 5) //鼠标左键和中键同时     {          alert("单击了左中键");      }      if (button == 6) //event.button...==6  鼠标右键和中键同时      {          alert("单击了右中键");      }      if (button == 7) //左右中三个键都      {

    5.3K10

    js获取鼠标当前位置坐标

    2017-03-01 10:08:42 在页面中获取鼠标坐标通常有三种方式,这三种方式各有不同,所的的值也是不一样的。  首先是相对于页面的pageX和pageY。...它指的是鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化。...他值的是鼠标在页面上可视区域的位置,从浏览器可视区域左上角开始,即是以浏览器滑动条此刻的滑动到的位置为参考点,随滑动条移动 而变化。 相对于屏幕来说的screenX/screenY。...鼠标在屏幕上的位置,从屏幕左上角开始(w3c标准) 相较于触发事件的offsetX/offsetY。...这是一个IE特有的属性,鼠标相比较于触发事件的元素的位置,以元素盒子模型的内容区域的左上角为参考点,如果有boder,可能出现负值 相对于坐标系的layerX/layerY。

    14.7K20

    你的 Link Button 能让用户选择新页面打开吗?

    分2种情况,你可以在掘金页面试一:2.1 新标签页(tab)打开Command(Mac)/Ctrl(Windows) + 鼠标左键click鼠标中键click鼠标右键click,在菜单选择“在新标签页中打开链接...”(无障碍)通过Tab,选中链接时,Command(Mac)/Ctrl(Windows) + 回车键Enter2.2 新窗口(window)打开Shift + 鼠标左键click鼠标右键click,在菜单选择...Ctrl或Command:如果有,就新标签页打开;否则本页面跳转。...event.button表示的是鼠标哪个按键:0:主按键,通常指鼠标左键或默认值1:辅助按键,通常指鼠标滚轮中键2:次按键,通常指鼠标右键3:第四个按钮,通常指浏览器后退按钮4:第五个按钮,通常指浏览器的前进按钮这里我们只管理左键就好...event.preventDefault()如果用户只是普通的左键点击了链接,没任何xxxKey,就应该阻止标签默认行为,由我们的JS去接管,自由操控跳转。

    6.9K171
    领券