[jQuery] blur , change 事件
說明:
- Blur() : 當物件失去forcus時
- Change():當物件失去focus並且內容改變時
範例:
<HEAD>
<script type="Text/JavaScript" src="js/jQuery.js"></script>
<script type="Text/JavaScript">
$(document).ready(function(){
$('#div1 input').bind('blur',function(){
$('#span1').html($(this).attr('name') + '=' + $(this).val());
});
$('#div2 input').bind('change',function(){
$('#span2').html($(this).attr('name') + '=' + $(this).val());
});
})
</script>
</HEAD>
<BODY>
<FORM action="" method=POST id=form1 name=form1>
<div id="div1">
blur<br />
姓名:<input type="text" id="txtName" name="txtName" value="" /><br />
密碼:<input type="password" id="txtPassword" name="txtPassword" value="" /><br />
<span id="span1"></span>
</div>
<hr />
<div id="div2">
change:<br />
姓名:<input type="text" id="txtName2" name="txtName2" value="" /><br />
密碼:<input type="password" id="txtPassword2" name="txtPassword2" value="" /><br />
<span id="span2"></span>
</div>
</FORM>
</BODY>
</HTML>
以下是簽名:
- 歡迎轉貼本站的文章,不過請在貼文主旨上加上【轉貼】,並在文章中附上本篇的超連結與站名【topcat姍舞之間的極度凝聚】,感恩大家的配合。
- 小喵大部分的文章會以小喵熟悉的語言VB.NET撰寫,如果您需要C#的Code,也許您可以試著用線上的工具進行轉換,這裡提供幾個參考
Microsoft MVP Visual Studio and Development Technologies (2005~2019/6) | topcat Blog:http://www.dotblogs.com.tw/topcat |