Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Angular2中的(键控)选项有哪些?_Javascript_Html_Onkeyup_Angular - Fatal编程技术网

Javascript Angular2中的(键控)选项有哪些?

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 您可以在不存在正式文档的情况下对此进行跟踪,但

当按下enter键时,以下功能非常有效除了
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()"