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获取当前url路径过程解析

    JavaScript获取当前url路径过程解析

    这篇文章主要介绍了JavaScript获取当前url路径过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-12-12
  • Javascript动态绑定事件的简单实现代码

    Javascript动态绑定事件的简单实现代码

    Javascript事件绑定的方法很多,很灵活。不过,作为比较简单的动态绑定,下面的代码看似正确,但得不到预期的效果。
    2010-12-12
  • JavaScript中Textarea滚动条不能拖动的解决方法

    JavaScript中Textarea滚动条不能拖动的解决方法

    这篇文章主要介绍了JavaScript中Textarea滚动条不能拖动的解决方法,主要针对IE浏览器中Textarea滚动条绑定了onfocus事件时分析对应的处理方法,需要的朋友可以参考下
    2015-12-12
  • 微信小程序module.exports模块化操作实例浅析

    微信小程序module.exports模块化操作实例浅析

    这篇文章主要介绍了微信小程序module.exports模块化操作,结合实例形式简单分析了module.exports模块化的定义与引用相关操作技巧与注意事项,需要的朋友可以参考下
    2018-12-12
  • 微信小程序顶部导航栏可滑动并选中放大

    微信小程序顶部导航栏可滑动并选中放大

    这篇文章主要介绍了微信小程序顶部导航栏可滑动并选中放大,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-12-12
  • JavaScript的高级概念和用法详解

    JavaScript的高级概念和用法详解

    JavaScript语言不断发布一些新特性,感觉要上天的节奏啊。本文搜集整理了一些它的高级概念和用法,需要的朋友可以参考下
    2022-07-07
  • 多浏览器兼容的右下角广告代码(已测)

    多浏览器兼容的右下角广告代码(已测)

    支持FIREFOX IE7 IE6 周未就为了这个小效果,折腾死人了!找了很多的代码都不行,不是不支持FIREFOX,就是对HTML和XHTML有要求!
    2008-04-04
  • showModelessDialog()使用详解

    showModelessDialog()使用详解

    showModelessDialog()使用详解...
    2006-09-09
  • JavaScript对象的四种创建方法

    JavaScript对象的四种创建方法

    这篇文章主要介绍了JavaScript对象的四种创建方法,首先我们通过确定一个对象的属性和方法展开主题相关内容,需要的小伙伴可以参考一下
    2022-08-08
  • 深入理解JavaScript中async/await的错误处理方式

    深入理解JavaScript中async/await的错误处理方式

    在现代JavaScript开发中,异步编程是不可或缺的一部分,async和await是一种强大的异步编程工具,它们使得编写和维护异步代码更加容易和清晰,然而,异步操作仍然可能会出现错误,本文将深入探讨async和await的错误处理方式,提供详细的代码示例和解释
    2023-09-09

最新评论