input輸入框內容即時取得

這次帶給大家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中文網其它相關文章！

推薦閱讀：

JS實作評價星級

#JS實作資料驗證與複選框表單提交

以上是input輸入框內容即時取得的詳細內容。更多資訊請關注PHP中文網其他相關文章！