html 监听文本框输入
2023-09-27 14:27:48 时间
<!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 =input.value ;
}
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>
相关文章
- 在HTML中限制input 输入框只能输入纯数字
- 列举常用字节输入流和输出流
- excel中001如何输入
- 【快应用】如何限制input组件的输入值个数
- 《Java编码指南:编写安全可靠程序的75条建议(英文版)》—— 2.3 开始输入程序
- Why Reactive(Cocoa)?-时间线、输入、输出、复杂性、异步、状态、聚合
- ts 限制输入框只能输入一个 emoji 表情
- java安全编码指南之:输入注入injection
- 题三:根据输入的年月日,计算是今年的第几天
- js实现textarea文字输入个数统计效果
- xss 防止攻击,恶意用户将输入的信息当成html或js代码执行,办法是将用户输入的信息改为text格式,或特殊符号转义
- 【校招Verilog进阶挑战】序列检测篇:VL4、输入序列不连续的序列检测(体会:拼接晚数据一拍)
- 【正点原子Linux连载】第四十九章 Linux按键输入实验 -摘自【正点原子】I.MX6U嵌入式Linux驱动开发指南V1.0
- 【正点原子Linux连载】第十五章按键输入试验-摘自【正点原子】I.MX6U嵌入式Linux驱动开发指南V1.0
- iOS-UITextView-文本输入视图的使用
- 在HTML中限制input 输入框只能输入纯数字
- ivew 限制输入 0 到 1 的数字 包括小数, 0 ,1
- 练习 1-9 编写一个将输入复制到输出的程序,并将其中连续的多个空格用一个空格代替。// C语言
- 练习 1-19 编写函数 reverse(s),将字符串s 中的字符顺序颠倒过来。使用该函数 编写一个程序,每次颠倒一个输入行中的字符顺序。