JQuery按回车提交数据

引入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="搜索" />