最新消息:XAMPP默认安装之后是很不安全的,我们只需要点击左方菜单的 "安全"选项,按照向导操作即可完成安全设置。

input 设默认值 回车执行查询

XAMPP下载 admin 614浏览 0评论

 

  1. <input id=”keywords” type=”text” value=”商品名称、商品编号、订单编号” onfocus=”javascript:keywordsDefault(this);” onblur=”javascript:setDefault(this);” onkeydown=”javascript:keywordsInput();”>
  2. <input name=”” type=”button” value=”查 询” class=”bti” onclick=”OrderSearch(‘ip_keyword’)” />
  3. <script type=”text/javascript”>
  4. // 获得焦点后,去默认值
  5. function keywordsDefault(e) {
  6. if (e.value == e.defaultValue)
  7. e.value = ”
  8. }
  9. // 失去焦点后设默认值
  10. function setDefault(e) {
  11. if (e.value == ”)
  12. e.value = e.defaultValue
  13. }
  14. // 检查回车事件
  15. function keywordsInput() {
  16. var event = event || window.event;
  17. if (event.keyCode == 13)
  18. alert(“hi,enter!”);
  19. }
  20. </script>

 

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

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

转载请注明:XAMPP中文组官网 » input 设默认值 回车执行查询

您必须 登录 才能发表评论!