input 设默认值 回车执行查询

<input id="keywords" type="text" value="商品名称、商品编号、订单编号" onfocus="javascript:keywordsDefault(this);" onblur="javascript:setDefault(this);" onkeydown="javascript:keywordsInput();">
  <input name="" type="button" value="查 询" class="bti" onclick="OrderSearch('ip_keyword')" />



<script type="text/javascript">
    // 获得焦点后，去默认值
    function keywordsDefault(e) {
        if (e.value == e.defaultValue)
            e.value = ''
    }
    // 失去焦点后设默认值
    function setDefault(e) {
        if (e.value == '')
            e.value = e.defaultValue
    }
    // 检查回车事件
    function keywordsInput() {
        var event = event || window.event;
        if (event.keyCode == 13)
            alert("hi,enter!");
    }
</script>

ps: 也可简化代码将js写在input里，个人习惯不同，我还是比较喜欢将js独立出来，如果项目中使用，还可能会使用jQuery的bind方法，将页面元素中js属性相关的标签全部取消。

另：如果使用的内容需要ajax来load回来，那么，bind到上面的事件就无效了，只能在input标签上使用事件属性的方式了。