[jQuery] mousedown 事件
說明:
- 當滑鼠點下時觸發事件
- 例如:滑鼠點輸入項目,改變項目顏色
範例:
<HEAD>
<script type="Text/JavaScript" src="js/jQuery.js"></script>
<script type="Text/JavaScript">
$(document).ready(function(){
//輸入項點選時,改變顏色
$(':input').mousedown(function(){
$(this).removeClass();
$(this).addClass('iOver');
});
//輸入像失去focus時,移除顏色
$(':input').blur(function(){
$(this).removeClass();
});
})
</script>
<style type="Text/Css">
.iOver
{
background-Color:yellow;
color:blue;
}
.iOut
{
background-Color:;
color:black;
}
</style>
</HEAD>
<BODY>
<FORM action="" method=POST id=form1 name=form1>
姓名:<input type="text" id="txtName" name="txtName" value="" /><br />
暱稱:<input type="text" id="txtNickName" name="txtNickName" value="" /><br />
<span id="disp">span</span>
</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 |