日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

jquery实时监听输入框值变化

發布時間:2023/11/29 编程问答 34 豆豆
生活随笔 收集整理的這篇文章主要介紹了 jquery实时监听输入框值变化 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

在做web開發時候很多時候都需要即時監聽輸入框值的變化,以便作出即時動作去引導瀏覽者增強網站的用戶體驗感。而采用onchange時間又往往是在輸入框失去焦點(onblur)時候觸發,有時候并不能滿足條件。

首先看一下dom中元素事件:
onpropertychange: IE下,當一個HTML元素的屬性改變的時候,都能通過 onpropertychange來即時捕獲。onchange在屬性值改變時還必須使得當前元素失去焦點(onblur)才可以激活該事件。 在用js腳本改動該元素值時候亦能觸發onpropertychange事件。
oninput: 是onpropertychange的非IE瀏覽器版本,支持firefox和opera等瀏覽器,但有一點不同,它綁定于對象時,并非該對象所有屬性改變都能觸發事件,它只在對象value值發生改變時奏效。
onchange: (a)當前對象屬性改變,并且是由鍵盤或鼠標事件激發的(腳本觸發無效);(b)當前對象失去焦點(onblur);

因此,可以采用以下代碼實時監聽輸入框值變化

?

$("#input_test1").bind("input propertychange change",function(event){$("#input_test2").val($("#input_test1").val()); });

?兼容IE

轉自http://blog.csdn.net/otengyue/article/details/50708277

轉載于:https://www.cnblogs.com/anxiaoyu/p/7844615.html

創作挑戰賽新人創作獎勵來咯,堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的jquery实时监听输入框值变化的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。