js中可不可以设置 当键盘事件js触发鼠标点击事件时，鼠标事件失效

来源：蜘蛛抓取(WebSpider) 时间：2017-10-31 12:05 标签： js监听键盘鼠标事件
在 SegmentFault，解决技术问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
一线的工程师、著名开源项目的作者们，都在这里：
获取验证码
已有账号？
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
详情：有这么一个网页， 可以键盘up和down来切换 选中行，也可以使用鼠标来选择。但是当我鼠标在页面上时，如果再使用键盘，down到最后一行，我默认事件是当最后一行时，选中调回第一条，但是由于鼠标在页面上，跳到第一条的过程在，会触发
onmouseenter事件，导致直接跳到了我鼠标在的那一行，有没有什么办法
解决一下？
鼠标在页面时，页面下拉框（ul-li）改变触发 onmouseover，如何禁止，或修改？
自问自答一下， 免得有兄弟遇到同样的问题
我增加了一个判断和定时器，由于是使用react，所以直接用state来实现，大致
disableMouseOverAWhile = () =& {
this.setState({
mouseover: false
this.timer && clearTimeout(this.timer);
this.timer = setTimeout(() =& {
this.setState({mouseover: true});
键盘事件时，顺便触发这个。然后 鼠标移动事件先判断this.state.mouseover值，再选择是否触发。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
$.off 就取消事件了。
如果只是针对你说的情况，跳第一条前取消，跳完之后再绑定。当然，你说的这个效果的实现，要想“完美”，确实是有很多细节要处理的。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
提供一个思路
键盘操作时设定一个 boolean 变量表示 keyboard mode，这时要么解绑鼠标事件、要么在鼠标事件里判断 keyboard mode 则不干事。
然后同时设一个 timeout 在一定时间里取消 keyboard mode，比如一秒
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
触发事件的时候移除另外一个事件就ok
同步到新浪微博
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：本帖子已过去太久远了，不再提供回复功能。js监听鼠标点击和键盘点击事件并自动跳转页面
投稿：whsnow
字体：[ ] 类型：转载 时间：
这篇文章主要介绍了js监听鼠标点击(onmousedown)和键盘点击(onkeydown)事件并自动跳转页面，很简单的一个实现
js监听鼠标点击(onmousedown)和键盘点击(onkeydown)事件并自动跳转页面，在学习的朋友可以参考下
$(function(){
var i = 0;
document.onmousedown=function(event){
window.open('');
//setTimeout(function (){window.open('http://www.jb51.net')},2000); //定时不太好使，会被浏览器当成广告的
var j = 0;
document.onkeydown=function(event){
window.open('');
//setTimeout(function (){window.open('http://www.jb51.net')},2000); //定时不太好使，会被浏览器当成广告的
&PS：这里再为大家推荐一款关于JS事件的在线查询工具，归纳总结了JS常用的事件类型与函数功能：
javascript事件与功能说明大全：
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具【实例名称】使鼠标滚轮失效【实例描述】&当页面内容太多时，可以通过鼠标滚轮实现翻页效果。但有些读书网站提供页面自动滚屏的功能，此时可使鼠标的滚轮失效，让用户充分体验网站提供的功能。【实例代码】&html xmlns=&http://www.w3.org/1999/xhtml& &
&title&标题页&/title&
&script language=&javascript&&
function document.onmousewheel()& //滚轮事件重新定义
&&&&&&&&&&&&&&&&&&&& //返回false表示什么都不操作
&&& &table style=&width: 300px&&
&&&&&&& &tr&
&&&&&&&&&&& &td&
&&&&&&&&&&&&&&& 阿&/td&
&&&&&&&&&&& &td&
&&&&&&&&&&&&&&& 不&/td&
&&&&&&&&&&& &td&
&&&&&&&&&&&&&&& 才&/td&
&&&&&&& &/tr&
&&&&&&& &tr&
&&&&&&&&&&& &td&
&&&&&&&&&&&&&&& 的&/td&
&&&&&&&&&&& &td&
&&&&&&&&&&&&&&& 恶&/td&
&&&&&&&&&&& &td&
&&&&&&&&&&&&&&& 发&/td&
&&&&&&& &/tr&
&&&&&&& &tr&
&&&&&&&&&&& &td&
&&&&&&&&&&&&&&& 的&/td&
&&&&&&&&&&& &td&
&&&&&&&&&&&&&&& 发&/td&
&&&&&&&&&&& &td&
&&&&&&&&&&&&&&& 的&/td&
&&&&&&& &/tr&
&&& &/table&
【运行效果】【难点剖析】本例在页而中添加了一个表格，可将窗口缩小，以出现滚动条效果。当出现滚动条时．滑动鼠标的滚轮，测试此操作是否能够成功。代码重写了“document.onmousewheel”方法，若返回false值则表示不执行任何鼠标滚动的操作。【源码下载】&
标签：JS代码鼠标
上一篇：下一篇：
Copyright 软件学堂().All Rights Reserved备案编号:浙ICP备号-1

我要回帖

更多关于 js监听键盘鼠标事件 的文章

 

随机推荐