这两周被js坑了好几次,所以最近几篇写写这个,记录下被坑的日子。
这次有一个需求,要做一个类似百度搜索之类的效果出来,输入拼音字母,直接列出与该拼音相关的中文结果。效果如下:
这里我是通过在js中动态添加div的方式来做的,即每一行结果一个div。问题来了,需要支持在输入框中按下向下键时光标即移到下一行的【充值金额查询(渠道)】。我给这些js写的div都注册了onkeydown事件,但就是不能触发该事件。
谷歌百度等之后搜到些有用的提示,要想div能够响应onkeydown onkeyup onfocus等事件需要达到两点:1.需要聚焦到该div,js代码写的话即div.focus()。2.需要设置该div的tabindex属性。于是又写了个例子:
<div id="a"><div id="b" tabindex="-1" onkeydown="alert("hhh");"></div></div>
果然可以。于是在js里面把该div对象的tabindex属性设置为一个整数,但!是!竟然还是没反应!
昨天爬山时还在想这个问题,按理说不能够啊,html里面明写可以,用js动态添加div应该也可以,唯一差别就是js添加属性而已。灵光一现,以前写js时常碰到的坑爹的问题是js里面对于内置的dom对象的属性是区分大小写的,有的组合单词的属性需要首字母大写。果然,js里面把tabindex改成tabIndex就可以了,
PS:关于这个问题这篇文章讲的不错《DIV焦点事件详解》
相关推荐
本文给大家分享了VC中查找窗体的OnKeyDown事件的过程。
安卓熄屏快呼功能,熄屏及后台调用onKeyDown事件
JavaScript onkeydown 事件 用户按下一个键盘按键时会触发 onkeydown 事件。与 onkeypress 事件不同的是,onkeydown 事件是响应任意键按下的处理(包括功能键),onkeypress 事件只响应字符键按下后的处理。 提示 ...
主要介绍了 Android onKeyDown监听返回键无效的解决办法的相关资料,需要的朋友可以参考下
vc6中让EDit响应keydown事件 源码加操作说明步骤
登陆页面需要扑捉用户按下回车自动提交的需求: 在body里添加onkeydown事件跳javascript在提交表单。 查找文档如下 onkeydown 事件会在用户按下一个键盘按键时发生。 语法:onkeydown=”SomeJavaScriptCode” 支持该...
【前端 HTML+CSS+JavaScript(JS)】DOM练习-onkeydown键盘事件-用wasd移动图片的位置 带注释/总结 【前端 HTML+CSS+JavaScript(JS)】DOM练习-onmouseover事件 鼠标悬浮切换图片 带注释/总结 【前端 ...
onkeypress 和 onkeydown 是有区别,下面将讲解 onkeypress 与 onkeydown 事件的区别。 onkeypress 事件在用户按下并放开任何字母数字键时发生。但是系统按钮(例如:箭头键、功能键)无法得到识别。 onkeydown 事件...
昨天在写上次那个动态生成年月日下拉框和文本框限制输入的时候遇到了一个问题,文本框里输入的时候要开始计算文本框里面输入了多少字,自然想到了onkeydown事件,然后计算value.length的方法,看代码吧 代码如下: ...
javascript onkeydown实现键盘快捷键控制页面.docx
常用javaScript事件归纳。 常用事件: 1.onclick 鼠标单击事件 通常在下列基本对象中产生: button(按钮对象) checkbox(复选框)或(检查列表框) radio (单选钮) reset buttons(重要按钮) submit ...
一篇文章教你实现VUE多个DIV,button绑定回车事件 目前有个需求是这样的,点击确定按钮或键盘回车时执行操作,很多地方都需要用到。 试了几种方法均不行, 首先,我在div(button也一样)上 绑定@keyup.enter方法...
1.5 JavaScript不能做什么 3 1.6 Ajax是什么 4 1.7 组合式(snap-together)语言 5 1.7.1 对象 5 1.7.2 属性 6 1.7.3 方法 6 1.7.4 将对象、属性和方法组合在一起 6 1.7.5 DOM简介 7 1.8 处理事件 7...
三者在事件的响应上还有一点不同,就是onkeydown 、onkeypress事件响应的时候输入的字符并没有被系统接受,而响应onkeyup的时候,输入流已经被系统接受
Android 用户界面之重写onKeyDown方法源码.zip源码资源下载Android 用户界面之重写onKeyDown方法源码.zip源码资源下载
javascript onkeydown实现键盘快捷键控制页面
这一章包含了在 JavaScript客户端用于激发某些特定动作的事件对象和事件句柄。另外,本章还包括了关于使用事件和事件句柄的常规信息。 关于事件常规信息 定义事件句柄 Navigator 4.0 中的事件 event onAbort onBlur ...