您的位置:首页 > Web前端 > JQuery

JQuery按回车提交数据

2013-11-28 17:31 225 查看
引入JQuery文件

<script src="JS/jquery-1.9.1.js" type="text/javascript"></script>


JS代码:

<script type="text/javascript">
$(function () {
$("#btnSearch").focus(function () {
$(this).removeClass("blur");
$(this).addClass("focus");
if ($(this).val() == this.defaultValue) {
$(this).val("");
}
}).blur(function () {
$(this).removeClass("focus");
$(this).addClass("blur");
if ($(this).val() == "") {
$(this).val(this.defaultValue);
}
}).keydown(function (e) {
if (e.which == 13) {
alert("提交数据");
}

});
});
</script>


CSS样式

.focus
{
color: black;
}
.blur, #btnSearch
{
color: Gray;
}


HTML设计:

<input type="text" id="btnSearch" value="搜索" />
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: