form表单中去掉默认的enter键提交并绑定js方法实现代码

 更新时间:2013年04月01日 14:49:52   作者:  
form表单中默认的enter提交是不是让你已经很耐烦了吧,本文主要讲解一下如何去掉默认的enter键提交同时绑定js方法,感兴趣的朋友可以参考下哈
复制代码 代码如下:

<form id="index-search_form" method="post" >
<input type="text" id="s" value=""
onkeydown="javascript:if(event.keyCode==13) return false;"
onkeyup="javascript:if(event.keyCode==13) dosearch();"
class="swap_value" />
<img onclick="dosearch();"
src="${ctx }/MINIUI/scripts/miniui/themes/default/images/img/btn_search_box2.gif"
width="36" height="26" id="go" alt="Search" title="Search" />
</form>

复制代码 代码如下:

function dosearch(){
var keywords=$("#s").val();
keywords=encodeURI(keywords);
keywords=encodeURI(keywords);
// window.open("${ctx}/DispatchAction.do?serviceName=SearchWeb&efFormEname=FS01&methodName=query&i-0-page=0&i-0-keywords="+keywords+"&i-0-moduleId=bmoa_badc");
location.href="${ctx}/DispatchAction.do?serviceName=SearchWeb&efFormEname=FS01&methodName=query&i-0-page=0&i-0-keywords="+keywords;
}

相关文章

  • JavaScript实现拖拽排序的方法详解

    JavaScript实现拖拽排序的方法详解

    可拖拽排序的菜单效果大家想必都很熟悉,本次我们通过一个可拖拽排序的九宫格案例来演示其实现原理,感兴趣的小伙伴可以跟随小编一起学习一下
    2022-05-05
  • JavaScript实现电灯开关小案例

    JavaScript实现电灯开关小案例

    这篇文章主要为大家详细介绍了JavaScript实现电灯开关小案例,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • document节点对象的获取方式示例介绍

    document节点对象的获取方式示例介绍

    如果要操作一个元素,首先要获取到它,下面为大家介绍下document节点对象的获取方式,感兴趣的朋友不要错过
    2013-12-12
  • CKeditor4 字体颜色功能配置方法教程

    CKeditor4 字体颜色功能配置方法教程

    这篇文章主要介绍了CKeditor4 字体颜色功能配置方法,结合图文与实例的形式分析了CKeditor4 添加字体颜色扩展功能的相关实现步骤与操作技巧,需要的朋友可以参考下
    2019-06-06
  • JavaScript本地存储实现用户名存储案例

    JavaScript本地存储实现用户名存储案例

    本文主要介绍了JavaScript本地存储实现用户名存储案例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-07-07
  • 第一次接触Bootstrap框架

    第一次接触Bootstrap框架

    这篇文章主要为大家详细介绍了Bootstrap框架,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-10-10
  • ES6中定义类和对象的方法示例

    ES6中定义类和对象的方法示例

    这篇文章主要介绍了ES6中定义类和对象的方法,结合实例形式分析了ES6中类的定义、继承、静态方法、静态属性等相关操作技巧,需要的朋友可以参考下
    2019-07-07
  • JavaScript代码执行的先后顺序问题

    JavaScript代码执行的先后顺序问题

    今天就给大家介绍一个特别基础的东西,javascript中函数的一点儿小知识之js代码的执行顺序问题,需要的朋友参考下吧
    2017-10-10
  • js中将多个语句写成一个语句的两种方法小结

    js中将多个语句写成一个语句的两种方法小结

    js中将多个语句写成一个语句的两种方法讲述了逗号运算符将多个语句写成一个语句以及花括号写成一个语句的实现方法,需要的朋友可以参考一下
    2007-12-12
  • JavaScript的常见兼容问题及相关解决方法(chrome/IE/firefox)

    JavaScript的常见兼容问题及相关解决方法(chrome/IE/firefox)

    本篇文章只要是对JavaScript的常见兼容问题及相关解决方法(chrome/IE/firefox)进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-12-12

最新评论