JS 实时监听input的value值改变 解决方案

该方案在 FoxFire、Chrome、360急速、Microsoft Edge、IE11下测试均可以正常显示。
html页面代码:
 
   
html>


charset="UTF-8">
</span>测试页面<span style="color:#e8bf6a;">
type="text/css" rel="stylesheet" href="../css/myhtml5.css"/>


测试输入框事件监听







点击输入框,输入字符:
id="input_text" type="text" placeholder="点击输入" value=""/>
id="input_button" type="button" value="点击结束" name="完成"/>





js代码:
 
   
$(document).ready(function () {

$("#input_text").bind("input propertychange",function () {
$("#input_button").val("已经输入了"+$("#input_text").val().length+"个字。。。");
});

$("#input_button").click(function () {
alert($("#input_text").val()+"\n"+$(this).val());
});
});

你可能感兴趣的:(前端)