Home > Developer > Web Develop
This article is reproduced in http://blog.163.com/lgh_2002/blog/static/44017526201341511112874/
jquery binding events (the difference between bind and live) Js/jquery the perfect solution for real-time monitoring of changes in input frame values: Oninput & OnpropertychangeJs/jquery the perfect solution for real-time monitoring of changes in input frame values: Oninput & Onpropertychange2013-05-15 11:01:12 | Category: Jquery/javascrip | Tags: | report | font size big medium small Subscribe
(1) First of all, jquery, using the jquery Library, only need to bindon input and Onpropertychange two events on the same time, the sample code:$(
‘#username‘
).bind(
‘input propertychange‘
,
function
() {
$(
‘#content‘
).html($(
this
).val().length +
‘ characters‘
);
});
As can be seen from the table above, theoninput event is not supported in the following versions of IE9 and requires the use of IE-specific Onpropertychange event substitution, which is triggered when the user interface changes or the content is modified directly using a script. There are several situations:
After you hear the onpropertychange event, you can use the PropertyName property of the event to get the name of the property that has changed.
The sample code for collection Oninput & onpropertychange monitoring input box content changes is as follows:
12 3<script type="Text/javascript">4 //Firefox, Google Chrome, Opera, Safari, Internet Explorer from version 95function Oninput (Event) {6Alert ("The new content:"+Event. Target.value);7 }8 //Internet Explorer9function onpropchanged (Event) {Ten if(Event. propertyname.tolowercase () = ="value") { OneAlert ("The new content:"+Event. Srcelement.value); A } - } -</script> the -<body> - Please modify the contents of the text field. -<input type="text"oninput="Oninput (Event)"Onpropertychange="onpropchanged (Event)"Value="Text Field"/> +</body>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
