如何在普通的元素上实现enter键的绑定

【如何在普通的元素上实现enter键的绑定】的更多相关文章

如何在普通的元素上实现enter键的绑定

在做登录页面时候,通常当用户输入账号密码后直接按enter键就触发登录按钮了. 如果是input标签,vue中可以绑定按键修饰符,但是如果是其它标签呢.我的做法如下: document.querySelector('body').addEventListener('keyup', function (e) { if (e.keyCode == 13) { // enter 键值为13 document.querySelector('.button-keyup').click() }; }) 在…

为元素绑定监听键盘上的enter键被按下事件的方法

$("someElement").on("keydown", function(event){ var key = event.which; if(key == 13){ e.preventDefault(); doSomething(); } }); IE使用event对象的keyCode属性储存被按下的键.而其它浏览器使用event的which属性. jquery封装后,统一使用which属性…

HTML页面禁用Enter键自动提交表单

今天在开发页面时,遇到一个小BUG,,如下图在页面的文本框获取焦点之后,再按键盘上的Enter键,页面form就会自动提交.如下是页面禁止Enter自动提交代码: document.onkeydown = function(event) { var target, code, tag; if (!event) { event = window.event; //针对ie浏览器 target = event.srcElement; code = event.keyCode; if (code =…

在ag-grid表格上实现类似Excel中的按下enter键自动跳转到下一行对应的输入框功能，Angular4开发

最近的项目使用ag-grid在Angular中处理表格,收到个需求是要能够同时修改大量的数据,按下Enter键的时候,光标得自动跳到下一行的对应列上. 方法一:用ag-grid自带的 enterMovesDown和 enterMovesDownAfterEdit 属性设置,具体操作参见https://www.ag-grid.com/javascript-grid-cell-editing/#enter-key-down. 但是比较遗憾的是,我用这两个参数进行设置的时候,居然没起作用. 方法二:只…

按Enter键后Form表单自动提交的问题

怪事年年有,今年特别多. 话说,最近项目中遇到一件怪事,当我鼠标focus在文本框中,轻轻敲了下回车键,尼玛页面突然刷新了,当时把宝宝给吓得. 接下来就是一番苦逼的烧脑和蛋疼~ 一.被表象所迷惑突然出现这种情况,脑海中第一反应是,keydown事件是不是出问题了,然后找啊找啊找啊,然后没有然后. 在把input元素上的所有事件移除掉后,我自信的按了一下enter键.艾玛,又刷新了.心里那个苦哎. 二.列出所有可能一阵捣鼓之后,脑海中列出了所有按下enter键后的改变,url改变,多了一个问号…

回车和换行有什么区别？我们平时按下的Enter键是回车还是换行？

来源:http://www.52rd.com/blog/Detail_RD.Blog_imjacob_12317.html ------------------------------------------------------------------------------------------------ \n是换行,英文是linefeed,ASCII码是0xA.\r是回车,英文是carriage return ,ASCII码是0xD. 如果用过机械打字机,就知道回车和换行的区别了..…

按下enter键后表单自动提交问题

在HTML的form表单里,按下enter键之后,默认情况下表单会自动提交. 在公司一个项目里,按下enter键自动提交表单的查询结果与按下搜索框的搜索结果页面显示不一样,按下搜索按钮之后是通过Ajax请求返回结果:而按下enter键是直接post请求然后跳转返回一个页面,失去了页面样式及导航等. 一开以为是写了js代码导致按下enter键之后会触发表单提交,后来把js代码全部移除也是一样地按下enter键会触发表单提交.到网上搜索发现是因为默认情况下在form表单内按下enter键会触发表单自…