欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Jquery實時監(jiān)聽input value的實例

 更新時間：2017年01月26日 11:07:53   投稿：jingxian  
下面小編就為大家?guī)硪黄狫query實時監(jiān)聽input value的實例。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

實例如下：

<!DOCTYPE html> 
<html lang="en"> 
<head> 
  <meta charset="UTF-8"> 
  <title>Document</title> 
</head> 
<body id="lia-body"> 
  <div class="lia-content"> 
    <div class="inputwrapper"> 
      <label><span>姓名：</span><input type="text" name="fullname"></label> 
      <div class="result"></div> 
    </div> 
  </div> 
  <script src="http://apps.bdimg.com/libs/jquery/1.11.3/jquery.min.js"></script> 
  <script> 
    $(function(){ 
      var $inputwrapper = $('#lia-body .lia-content .inputwrapper'); 
      $inputwrapper.find('input').on('input propertychange',function(){ 
        var result = $(this).val(); 
        console.log(result); 
        $inputwrapper.find('.result').html(result); 
      }); 
    }) 
  </script> 
</body> 
</html>

onchange觸發(fā)事件必須滿足兩個條件：

1）當前對象屬性改變，并且是由鍵盤或鼠標事件激發(fā)的（腳本觸發(fā)無效）

2）當前對象失去焦點(onblur)；

onpropertychange

只要當前對象屬性發(fā)生改變，都會觸發(fā)事件，但是它是IE專屬的；

oninput是onpropertychange的非IE版本，支持firefox和opera等瀏覽器

但不同的是，它綁定于對象時，并非該對象所有屬性改變都能觸發(fā)事件，只有在對象的value值發(fā)生改變時才會生效。

這里我們用來監(jiān)聽input value的改變再好不過了。

以上這篇Jquery實時監(jiān)聽input value的實例就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

相關文章

最新評論