Javascript 文本区域的Onchange事件
我一直试图在一个文本区域中使用和onchange事件，但是没有任何效果。普通的change（）或onChange（）函数什么都不做 我试过类似的方法Javascript 文本区域的Onchange事件,javascript,events,textarea,onchange,Javascript,Events,Textarea,Onchange,我一直试图在一个文本区域中使用和onchange事件，但是没有任何效果。普通的change（）或onChange（）函数什么都不做 我试过类似的方法 $('#areaName').on('input', function(){}) $('#areaName').bind('input', function(){}) 我在网上找到的所有解决方案都试过了，但都没有用 我只需要这段代码在文本区域中的文本被修改时触发一个函数 使用键盘事件： js: 如果使用jqueryui可以将事件捕获为： $("
$('#areaName').on('input', function(){})
$('#areaName').bind('input', function(){})
$("#area").resizable({
resize: function() {
alert("hello2")
}
});
试试这个：
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.12.0/jquery.validate.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<style>
</style>
</head>
<body>
<textarea rows="4" cols="50" id="textArea">
</textarea>
<script>
$(document).ready(function(){
$('#textArea').bind('input propertychange', function() {
console.log(this.value);
});
});
</script>
</body>
</html>
$（文档）.ready（函数（）{
$（'#textArea'）.bind（'input propertychange'，function（）{
console.log（this.value）；
});
});
$(function ()
{
$('#areaName').change(function () {
alert($('#areaName').val());
});
});
这在Firefox中适用于我：
<textarea oninput="alert('input detected')";>initial input text</textarea>
初始输入文本
<textarea oninput="alert('input detected')";>initial input text</textarea>