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标签上使用事件属性的方式了。