jQuery的控件及事件(輸入控件及回車事件)使用示例
更新時間：2013年07月25日 17:47:15 作者：
本文為大家介紹下jQuery的輸入控件及回車事件的應用，具體示例代碼如下，感興趣的朋友可以參考下哈，希望對大家有所幫助
復制代碼 代碼如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>JavaScript</title>
<style type="text/css">
body { /* 對頁面布局進行調(diào)整 */
background-color: #ccc;
width: 960px;
height: 50%;
margin: 0px auto;
}
</style>
</head>
<body>
<script type="text/javascript" src="jquery-1.8.0.js">
</script>
用戶名：<input type="text" name="user" id="user"/><br/>
密 碼：<input type="password" name="passwd" id="passwd"></input>
<script type="text/javascript">
$("body")
.css("margin-left",(($(document).width() - 1024) / 2) + "px")
.css("overflow-x", "hidden");
/* 只對id為passwd的控件綁定keypress事件 */
$("input[id='passwd']").bind("keypress", function(event){
if (event.keyCode == '13') { // 回車按鍵的代碼
if (!$('#user').val() || !$('#passwd').val()) { // 檢測用戶名與密碼是否為空
alert("用戶名或密碼為空，請重新輸入！");
return;
}
alert("用戶名為:" + $('#user').val() + ", 密碼為:" + $('#passwd').val());
}
});
</script>
</body>
</html>
相關文章
web開發(fā)人員學習jQuery的6大理由及jQuery的優(yōu)勢介紹
jQuery是一個用來簡化HTML客戶端開發(fā)的JS（JavaScrip）庫，它支持HTML DOM處理，同時還融合了部分HTML和CSS2013-01-01
jQuery LigerUI 插件介紹及使用之ligerDrag和ligerResizable示例代碼打包
jQuery LigerUI 插件介紹及使用之ligerDrag和ligerResizable使用。2011-04-04
基于jQuery的的一個隔行變色，鼠標移動變色的小插件，學習jquery的朋友可以參考下。2010-07-07
獲取獲得時間差、時間格式的方法有很多，下面為大家介紹下使用jquery及js實現(xiàn)的功能代碼2013-06-06
這篇文章主要介紹了Jquery ajax 同步阻塞引起的UI線程阻塞問題的相關資料,需要的朋友可以參考下2015-11-11
jQuery中filter(),not(),split()使用方法
jQuery下一些查找過濾功能filter(),not(),split()用法，可以讓jquery更容易的操作控制頁面元素。2010-07-07
這篇文章主要介紹了jQuery中DOM樹操作之復制元素的方法,實例分析了DOM樹復制元素的使用技巧,需要的朋友可以參考下2015-01-01
jQuery+json實現(xiàn)的簡易Ajax調(diào)用實例
這篇文章主要介紹了jQuery+json實現(xiàn)的簡易Ajax調(diào)用,結合實例形式分析了jQuery基于ajax實現(xiàn)json傳參調(diào)用的技巧,需要的朋友可以參考下2015-12-12
JQUERY 瀏覽器判斷實現(xiàn)函數(shù)，如果只是為了判斷瀏覽器不建議用，如果你已經(jīng)用了jquery才用啊，要不沒必要因為這個小功能，加個那么大的類庫吧。2009-08-08
jQuery打字效果實現(xiàn)方法(附demo源碼下載)
這篇文章主要介紹了jQuery打字效果實現(xiàn)方法,詳細分析了jQuery實現(xiàn)打字效果所涉及的jticker_split.js插件機具體調(diào)用技巧,并附帶完整的demo源碼供讀者下載參考,需要的朋友可以參考下2015-12-12