jquery文本框改变事件

xiaoxiao2023-09-19 9

<html lang="en"> <head> <meta charset="utf-8"> <title>TEXTBOX EVENT</title> <script src="jquery-ui-1.11.4.custom/external/jquery/jquery.js"></script> <script> $(document).ready(function(){ //按键弹起时触发事件 $("#mytext").keyup(function(){ var txtChange = $("#mytext").val(); $("#p1").html("<p>"+txtChange+"</p>"); }); //按键按下时触发事件（先响应事件，再显示输入结果（获得的是上一次结果），可能被输入法拦截） $("#mytext2").keypress(function(){ var txtChange = $("#mytext2").val(); $("#p2").html("<p>"+txtChange+"</p>"); }); //属性改变时触发事件（不管是获得焦点还是value改变等,目前只在IE下有效） $("#mytext3").bind("propertychange",function(){ var txtChange = $("#mytext3").val(); $("#p3").html("<p>"+txtChange+"</p>"); }); //输入文本之后焦点离开时触发事件 $("#mytext4").change(function(){ var txtChange = $("#mytext4").val(); $("#p4").html("<p>"+txtChange+"</p>"); }); //获得焦点时触发事件 $("#mytext5").focus(function(){ var txtChange = $("#mytext5").val(); $("#p5").html("<p>"+txtChange+"</p>"); }); //没有输入焦点离开时触发事件 $("#mytext5").blur(function () { var txtChange = $("#mytext5").val(); $("#p5").html("<p>"+txtChange+"</p>"); }); }) </script> </head> <body> <input type="text" id="mytext" name="test" class="txt" value="key up "/> <p id="p1"></p> <input type="text" id="mytext2" name="test" class="txt" value="key press "/> <p id="p2"></p> <input type="text" id="mytext3" name="test" class="txt" value="just useful in IE"/> <p id="p3"></p> <input type="text" id="mytext4" name="test" class="txt" value="change"/> <p id="p4"></p> <input type="text" id="mytext5" name="test" class="txt" value="focus"/> <p id="p5"></p> </body> <script> </script> </html>

转载请注明原文地址: https://ju.6miu.com/read-1279043.html

最新回复(0)