jquery文本框改变事件

    xiaoxiao2023-09-19  1

    <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)