文本框改变时触发

复制代码
<html>
<head></head>
<body>
<textarea id='textarea'></textarea>
</body>
</html>
<script>
    // This example shows how to use the oninput, onpropertychange and textInput events to detect when the contents of a textarea element is changed. Both the oninput and onpropertychange events are buggy in Internet Explorer 9, they are not fired when characters are deleted only when inserted.
var textarea = document.getElementById ("textarea");

if (textarea.addEventListener) {   
    // all browsers except IE before version 9
  textarea.addEventListener ("input", OnInput, false);
  // Google Chrome and  Safari
  textarea.addEventListener ("textInput", OnTextInput, false);
  // Internet Explorer from version 9
  textarea.addEventListener ("textinput", OnTextInput, false);
}

if (textarea.attachEvent) { 
    // Internet Explorer and Opera
  textarea.attachEvent ("onpropertychange", OnPropChanged);
}

// Google Chrome, Safari and Internet Explorer from version 9
function OnTextInput (event) {
  alert ("The following text has been entered: " + event.data);
}
// Firefox, Google Chrome, Opera, Safari from version 5, Internet Explorer from version 9
function OnInput (event) {
  alert ("The new content: " + event.target.value);
}
// Internet Explorer
function OnPropChanged (event) {
    // 使用event.propertyName 过滤
  if (event.propertyName.toLowerCase () == "value") {
    alert ("The new content: " + event.srcElement.value);
  }
}

</script>
复制代码

 

posted @   小小高  阅读(376)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· winform 绘制太阳,地球,月球 运作规律
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
历史上的今天:
2016-03-02 NPOI导出Excel
2016-03-02 json转datatable(正则表达式的方法)
点击右上角即可分享
微信分享提示