如何使方向键不能改变Html里select标签的选择项

gogo392901654 2017-02-25 12:01:21

因为实现了方向键控制切换焦点所在元素的功能,可是当焦点在select标签时,
使用方向键又会改变标签选择项,如何才能关闭那个标签默认的方向键功能。
使用过 按键事件return false方法无效
测试试过是按键事件完成后才改变的选择项,所以使用过阻止事件冒泡e.stopPropagation()方法也无效。
求大神教教!!!!!!!!!!!!!!!!!
...全文
200 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
  • 打赏
  • 举报
回复
重写一下select的keyup,kedown试试
gogo392901654 2017-02-28
  • 打赏
  • 举报
回复
引用 1 楼 showbo 的回复:
还原回去,preventDefault试了没用,不过会闪一下

<select onfocus="this.ov = this.value" onkeydown="    var el = this; setTimeout(function () { el.value = el.ov }, 10);"><option>1</option><option>2</option><option>3</option><option>4</option></select>
我是在按键监听事件里保存select的值,然后事件结束了他改变了我的select值,然后再通过onchange方法把值还原。
  • 打赏
  • 举报
回复
还原回去,preventDefault试了没用,不过会闪一下

<select onfocus="this.ov = this.value" onkeydown="    var el = this; setTimeout(function () { el.value = el.ov }, 10);"><option>1</option><option>2</option><option>3</option><option>4</option></select>

87,994

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧