HTML 中input输入内容即时计算事件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="auther" content="fq" />
<title>监听输入框值的即时变化 onpropertychange oninput</title>
<script type="text/javascript">
function immediately() {
var element = document.getElementById("mytext");
if ("\v" == "v") {
element.onpropertychange = webChange;
} else {
element.addEventListener("input", webChange, false);
}
function webChange() {
if (element.value) {
document.getElementById("test").innerHTML = element.value
};
}
}
</script>
</head>
<body>
<input type="text" name="textfield" oninput="document.getElementById('webtest').innerHTML=this.value;" onpropertychange="document.getElementById('webtest').innerHTML=this.value;" />
<div>您输入的值为：<span id="webtest">还未输入</span></div>
<br />
<br />
<br />
<br />
<br /> 写在JS中的示例：
<input type="text" name="textfield" id="mytext" />
<input type="number" name="" id="" min="0" max="1"/>
<div>您输入的值为：<span id="test">还未输入</span></div>
<script type="text/javascript">
immediately();
</script>
</body>
</html>
相关文章
- 1. vue时时监听input输入框中 输入内容 写法
- 2. 输入框input内容变化与onpropertychange事件的兼容
- 3. input 输入框实时监听输入内容
- 4. 有关input输入框内容改变后的触发事件
- 5. 移动端网页解决input框中即输入即计算的问题
- 6. input输入中文时，拼音在输入框内会触发input事件的问题。
- 7. python flask获取前端input输入框中输入内容
- 8. input框的输入事件
- 9. html 表单input录入内容校验
- 10. html input文本框 输入框提示（hint）内容的实现
- 更多相关文章...
- • C# 文件的输入与输出 - C#教程
- • Eclipse 内容辅助 - Eclipse 教程
- • 三篇文章了解 TiDB 技术内幕 —— 说计算
- • Docker容器实战(七) - 容器眼光下的文件系统
相关标签/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
欢迎关注本站公众号,获取更多信息
