Javascript Angular2中的(键控)选项有哪些?
当按下enter键时,以下功能非常有效除了Javascript Angular2中的(键控)选项有哪些?,javascript,html,onkeyup,angular,Javascript,Html,Onkeyup,Angular,当按下enter键时,以下功能非常有效除了keyup外,还有哪些其他选项可用于keyup。输入? <input #inputstring (keyup.enter)="doSomething(inputstring.value)"/> 这些是测试中当前记录的选项:ctrl、shift、enter和escape。以下是一些键绑定的有效示例: keydown.control.shift.enter keydown.control.esc 您可以在不存在正式文档的情况下对此进行跟踪,但
keyup外,还有哪些其他选项可用于keyup
。输入?
<input #inputstring (keyup.enter)="doSomething(inputstring.value)"/>
这些是测试中当前记录的选项:ctrl、shift、enter和escape。以下是一些键绑定的有效示例:
keydown.control.shift.enter
keydown.control.esc
您可以在不存在正式文档的情况下对此进行跟踪,但这些文档很快就会发布。此文件为您提供了更多提示,例如,keydown.up不起作用您需要keydown.arrowup:
您可以像这样添加keyup事件
template: `
<input (keyup)="onKey($event)">
<p>{{values}}</p>
`
如果键控事件不在CTRL、SHIFT、ENTER和ESC括号内,只需使用@Md Ayub Ali Sarker指南即可。angular docs中提到的唯一keyup伪事件是ENTER key。目前还没有数字键和字母表的keyup伪事件。我正在寻找一种绑定到多个键事件的方法,特别是Shift+Enter,但在网上找不到任何好的资源。但是在记录了keydown绑定之后
<textarea (keydown)=onKeydownEvent($event)></textarea>
还有CtrlKey、AltKey和MetaKey的标志(即Mac上的命令键)
不需要KeyEventsPlugin、JQuery或纯JS绑定。今天也遇到了同样的问题 这些记录不完整,存在一个开放问题 一些用于键控,如空格:
<input (keyup.space)="doSomething()">
<input (keyup.spacebar)="doSomething()">
一些用于按下键(可能也适用于keyup):
以上均来自以下链接:
不推荐使用
keyCode
您可以在KeyboardEvent
<textarea (keydown)=onKeydownEvent($event)></textarea>
喜欢与事件打交道的人
(keydown)="$event.keyCode != 32 ? $event:$event.preventDefault()"
也许这可以给你一个提示,虽然它已经很老了。这对数字不起作用。如果我在输入字段中键入数字,则不会触发keyup事件。我们能做些什么呢?哇,这个答案是在Angular处于第20个alpha时给出的,现在仍然有效。相关文档抱歉,Robert。我使用链接导航到Angular文档时没有问题。行了,是的,现在行了。可能问题在我这边。很抱歉
<input (keydown.enter)="...">
<input (keydown.a)="...">
<input (keydown.esc)="...">
<input (keydown.alt)="...">
<input (keydown.shift.esc)="...">
<input (keydown.shift.arrowdown)="...">
<input (keydown.f4)="...">
<textarea (keydown)=onKeydownEvent($event)></textarea>
onKeydownEvent($event: KeyboardEvent){
// you can use the following for checkig enter key pressed or not
if ($event.key === 'Enter') {
console.log($event.key); // Enter
}
if ($event.key === 'Enter' && event.shiftKey) {
//This is 'Shift+Enter'
}
}
(keydown)="$event.keyCode != 32 ? $event:$event.preventDefault()"