【问题标题】:Not working: <form onsubmit="alert(event.shiftKey)"> on Javascript不工作:<form onsubmit="alert(event.shiftKey)"> Javascript
【发布时间】:2014-05-01 21:19:08
【问题描述】:

问题:我无法检查 shift 键是否在表单提交上。这将返回 undefined 而不是 truefalse
为什么会发生这种情况?

问题示例: http://jsfiddle.net/DRSDavidSoft/fFYKs/

我想要什么:我想知道提交表单时是否按住了 shift 键。

【问题讨论】:

  • 只是好奇,但你为什么要专门检测那个键?
  • Ctrl 键和 Alt 键也有帮助!我只想改变一个按钮的功能。如果你愿意,我可以给你一个我的项目的链接。
  • 这真的很简单,onsubmit 事件没有键的概念,因为应该没有理由在提交时检查键。把它改成onclick,就可以了。
  • 是的,但事件不应该随时报告哪些键被按下或没有被按下?
  • 这取决于event 对象的来源,它不是永远不变的神奇对象。一些事件处理程序会有一个event 对象,它有一个event.target,键事件会有event.which,鼠标事件通常会有event.pageX 等等。这个列表还在继续,所以event 对象对于每个都是不同的事件。提交事件没有理由具有 event.shiftKey 属性或任何其他处理键的属性,因为键在提交表单时无关紧要。

标签: javascript forms dom-events shift onsubmit


【解决方案1】:

这是因为submit 事件对键一无所知。 我建议用按钮输入替换您的提交输入。那里的检查会正常工作。 这是示例: http://jsfiddle.net/fFYKs/2/

<input type="button" value="Click here to submit" onclick='isPressed(event);'/>

还有 JS:

function isPressed(e){
    if (e.shiftKey) {
        window.myForm.submit();
    }
}

还有跨平台详情推荐访问此链接:http://goo.gl/wKdJMO

【讨论】:

  • 谢谢,但我已经知道了。我的表单包含一个文本输入,表单应该通过 enter 提交。我只想更改按下 shift 键时该表单的功能。我认为最好坚持这里的收音机盒子。不管怎么说,还是要谢谢你! ;)
  • 我还有一个想法是绑定 window.keydown 事件,在 JS 变量中设置按下 shift 的位置。和 windows.keyup - 在释放 shift 时将该变量设置为 false。并在您的检查中使用提到的变量。这也应该可以正常工作,但会增加开销,例如在每个按键向下/向上时进行额外检查。
猜你喜欢
  • 1970-01-01
  • 2020-10-14
  • 1970-01-01
  • 2020-06-24
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-07-07
  • 2019-11-09
相关资源
最近更新 更多