-
<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标签上使用事件属性的方式了。
转载请注明：XAMPP中文组官网 » input 设默认值 回车执行查询