我认为在2018年最好使用输入事件。

-

正如WHATWG规范所描述的(https://html.spec.whatwg.org/multipage/indices.html#event-input-input):

当用户更改值时向控件触发(参见 改变事件)

-

下面是一个如何使用它的例子:

<input type="text" oninput="handleValueChange()">

有一个相当接近的解决方案(不修复所有粘贴方式)，但他们中的大多数:

它适用于输入以及文本区域:

<input type="text" ... >
<textarea ... >...</textarea>

这样做:

<input type="text" ... onkeyup="JavaScript: ControlChanges()" onmouseup="JavaScript: ControlChanges()" >
<textarea ... onkeyup="JavaScript: ControlChanges()" onmouseup="JavaScript: ControlChanges()" >...</textarea>

就像我说的，不是所有的方法都可以在所有浏览器上粘贴一个事件…最糟糕的是，有些根本不发射任何事件，但定时器是可怕的用于这样。

但大多数粘贴方式是通过键盘和/或鼠标完成的，所以通常粘贴后会触发onkeyup或onmouseup，在键盘上输入时也会触发onkeyup。

确保你检查代码不花太多时间…否则会给用户留下不好的印象。

是的，诀窍是对键和鼠标开火…但要小心两者都可能被解雇，所以要记住这一点!!

方法一:为输入添加事件监听器:

element.addEventListener("input", myFunction);

方法2:用JavaScript定义oninput属性:

element.oninput = function()
{
    myFunction();
};

方法3:用HTML定义oninput属性:

<input type="text" oninput="myFunction();">

onkeyup发生在你输入之后，例如，我按下t，当我抬起手指的动作发生，但在keydown动作发生在我数字字符t之前

希望这对某些人有所帮助。

onkeyup更适合发送刚才输入的内容。

您也可以使用按下键、按上键和按下键事件。

要跟踪每一个，请尝试这个示例，并在此之前将光标闪烁率完全降低到零。

< body > -试试onkeydown、onkeyup onkeypress <输入类型=“文本”“> <跨越> < /跨越> < >脚本 我的功能(瓦尔) /警报(val); var mySpan =文档. getelementsby mySpan += val+"<br>"; 文件。getElementsByTagName(“跨越”)[0 - 9]。内html = mySpan; 的 剧本< - > < / body >

Onblur:退出时生成事件

Onchange:如果在输入文本中做了任何更改，则在退出时生成事件

Onkeydown:在任何按键时产生事件(对于长时间按住键也一样)

Onkeyup:在任何密钥释放时生成事件

Onkeypress:与onkeydown(或onkeyup)相同，但不会对ctrl,backsace,alt其他做出反应