這次帶給大家input輸入框內容即時獲取,input輸入框內容即時取得的注意事項有哪些,以下就是實戰案例,一起來看一下。
輸入框內容即時監測!只有輸入框內容改變才會觸發事件,如果輸入框內容沒有改變則不會觸發該事件!
程式碼如下:
<script type="text/javascript" src="jquery-3.2.1.js"></script> <script type="text/javascript"> function OnInput (event) { alert (event.target.value); } function OnPropChanged (event) { if (event.propertyName.toLowerCase () == "value") { alert (event.srcElement.value); } } </script> <form> 用户名:<input name="user" type="text" oninput="OnInput (event)" onpropertychange="OnPropChanged (event)"/> </form>
相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
推薦閱讀:
以上是input輸入框內容即時取得的詳細內容。更多資訊請關注PHP中文網其他相關文章!