Firefox、Chrome、IE9，IE10 均支持 oninput 事件，此外所有版本的 IE 均支持 onpropertychange 事件。
oninput 事件在用户输入、退格（backspace）、删除（delete）、剪切（ctrl + x）、粘贴（ctrl + v）及鼠标剪切与粘贴时触发（在 IE9 中只在输入、粘贴、鼠标粘贴时触发）。
onpropertychange 事件在用户输入、退格（backspace）、删除（delete）、剪切（ctrl + x）、粘贴（ctrl + v）及鼠标剪切与粘贴时触发（在 IE9 中只在输入、粘贴、鼠标粘贴时触发）（仅 IE 支持）。
backspace、delete 两个按键的 keyCode 分别为 8、46。
oncut 事件在剪切（ctrl + x）、鼠标剪切时触发。
<!DOCTYPE html>
<html>
<head>
<meta charset="gbk"/>
<title>监听文本框输入</title>
</head>
<body>
<input type="text" value="" id="io" />
<p id="dis"></p>
<script type="text/javascript">
// 监听文本框输入
var input = document.getElementById("io");
var dis = document.getElementById("dis");
function fn() {
// 你要执行的代码
dis.innerHTML = dis.innerHTML+'+';
}
if(window.addEventListener) { //W3C
input.addEventListener("input", fn, false);
}
else if(window.attachEvent) { //IE
input.attachEvent("onpropertychange", fn);
}
if(window.VBArray && window.addEventListener) { //IE9
input.attachEvent("onkeydown", function() {
var key = window.event.keyCode;
if ((key == 8 || key == 46) && input.value != '') fn(); //处理回退与删除
});
input.attachEvent("oncut", fn);//处理剪切
}
</script>
</body>
</html>
转载：
http://www.58lou.com/separticle.php?artid=220
参考：
http://calefy.org/2012/11/12/javascript-key-events-and-input-control.html
相关推荐
根据提供的文件信息，我们可以深入探讨如何使用JavaScript来计算文本框输入内容的长度。尽管标签中标注的是"C#"，但从给出的代码片段来看，这显然是一段JavaScript代码，用于实时显示用户在文本框内输入内容的长度。...
### JavaScript 控制文本框输入数字知识点详解 #### 一、概述 在Web开发中，经常需要验证用户输入的数据是否符合预期格式。对于数值输入，尤其是涉及到金额或精确度较高的场景时，确保用户输入合法的数字变得尤为...
本篇文章主要讲述了如何使用JavaScript来监听文本框的回车事件，并在该事件发生时过滤掉文本框中的空格。该技术在前端开发中非常实用，尤其是在制作表单提交功能时，能够帮助开发者提高用户体验和数据准确性。下面将...
接下来，我们可以用JavaScript监听文本框的`input`事件，该事件会在用户输入或删除内容时触发。每当用户输入时，我们检查当前的字数，并更新一个提示信息，显示用户还可以输入多少字符。以下是一个实现这一功能的...
"js限制文本框输入内容"这个主题涉及到如何使用JavaScript来控制用户在HTML文本框（`<input>`元素）中输入的数据类型和格式。这通常是为了增强用户体验，确保用户输入的数据符合预期，避免错误或不合法的输入。以下...
3. **事件监听**：利用JavaScript或其他前端脚本语言，我们可以监听文本框的`input`事件，一旦检测到输入变化，就执行验证逻辑。 4. **错误提示**：当用户输入不合法的IP地址时，应当提供明确的错误提示，告知用户...
在这个项目中，jQuery将被用来监听文本框的输入事件，并处理表情选择和渲染。 1. **创建界面** - `index.html` 文件是页面的主体，通常包含HTML结构，包括一个文本输入框和表情选择按钮。例如： ```html ...
### JS文本框限制输入多种情况知识点...综上所述，利用JavaScript中的事件监听器和正则表达式，可以灵活地控制文本框中的输入类型。开发者可以根据具体的业务需求选择合适的实现方式，从而提高用户体验和系统的安全性。
JavaScript日期输入文本框是网页开发中常见的一种交互元素，它允许用户在文本框中输入或选择日期。在JavaScript中，处理日期和时间通常涉及到`Date`对象和相关的函数。在这个主题下，我们将深入探讨如何创建一个...
本文将详细探讨如何在Vue 2.0中监听文本框内容的变化以及如何使用ref属性来直接操作DOM。 ### Vue 2.0中监听文本框内容变化 在Vue中监听文本框内容变化通常使用`v-model`指令来实现。`v-model`在表单`<input>`和`...
在标题提到的“NET文本框输入显示相似记录信息”中，我们探讨的是如何实现在.NET环境中，当用户在文本框中输入文字时，下方能即时显示出与输入内容匹配的数据库记录。 要实现这一功能，我们可以采用Ajax技术来实现...
1. **监听文本框事件**：通过JavaScript或jQuery，我们需要监听文本框的`input`或`keyup`事件。当用户在文本框中输入字符时，这些事件会被触发。 2. **获取输入值**：在事件处理函数中，我们需要获取到文本框当前的...
"jquery-文本框输入即时显示可输入剩余字符数"这个功能是提升用户体验的一种常见方式，它允许用户实时看到他们在一个文本框中还能输入多少字符，避免超过限制。这种功能广泛应用于评论、留言、表单填写等场景，有助...
在JavaScript中，限制文本框（`<input type="text">`）输入值的类型是一项常见的需求，例如确保用户只能输入特定格式的数据，如数字、日期或其他格式。在本例中，我们将关注如何限制文本框只接受数字和小数点。这...
### HTML限制文本框输入小数点、数字、字母、汉字等知识点详解 #### 知识点一：HTML与JavaScript结合限制非数字字符输入 在HTML中，经常需要对用户输入进行限制，比如只允许用户输入数字。这在很多场景下都是非常...
函数中，我们创建了一个新的`<div>`元素（用作新的输入框容器），并添加了一个新的文本框输入元素。新文本框的id是动态生成的，以避免id冲突。最后，我们将新的输入框容器添加到主容器中。 通过这种方式，每当用户...
JavaScript允许我们监听文本框的`input`事件，每当文本框内容发生变化时，这个事件就会被触发。 以下是一个基本的实现思路： 1. **创建文本框**：在HTML中，创建一个`<input>`标签，可以给它一个ID以便于通过...
在探讨如何利用JavaScript限制文本框只输入正整数这一主题时，我们首先应当明确目标：确保用户在文本框中输入的数据仅包含正整数，即非负整数（不包括小数、负数以及任何非数字字符）。这在许多场景下至关重要，比如...
针对"文本框输入限制汉字和字母"的需求，我们可以创建一个名为`inputLimit`的插件。这个插件会监听文本框的`keyup`事件，检查用户输入的字符是否符合规定。如果不符合，就删除它。以下是插件实现的代码： ```...