移动端web页面上使用软键盘时如何让其显示“前往”(GO)而不是换行?

用一个 form 表单包裹住就会显示前往,单独的一个 input 就会提示换行。下面是测试地址:

<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title> - jsFiddle demo</title>

<script type="text/javascript" src="/js/lib/dummy.js"></script>

<link rel="stylesheet" type="text/css" href="/css/result-light.css">

<style type="text/css">

</style>

<script type="text/javascript">//<![CDATA[
window.onload=function(){

}//]]>

</script>

</head>
<body>
<form action="">
<label for="name">
名字:
</label>

<input type="text" name="name">
</form>

</body></html>

如何让form表单在enter键入时不提交

2010-07-20 23:19 9891人阅读 评论(3) 收藏 举报
 分类:
javascript(24) 

版权声明:本文为博主原创文章,未经博主允许不得转载。

 

目录(?)[+]

 

今天在做我的一个小玩意 在线聊天工具的时候

form表单只有一个text和一个button每当我键入enter的时候就刷新。很是郁闷,直接在form上onsumbit=false。才行。

下面是我查询到的结果。

1.form表单回车后自动提交总结

默认情况下,一个文本框的时候,提交,不管按钮type是submit还是button

一个文本框的时候怎么才能做到不提交,方法是加一个隐藏掉的文本框

只要有type为submit的按钮存在,一个文本框还是多个文本框都提交

多个文本框的时候,不提交,用type为button的按钮就行啦

用button元素时,FX和IE下有不同的表现

radio和checkbox在FX下也会触发提交表单,在IE下不会

type为image的按钮,等同于type为submit的效 果

2. 如果 onsubmit 句柄返回 fasle,表单的元素就不会提交。如果该函数返回其他值或什么都没有返回,则表单会被提交。

由于 onsubmit 句柄可以取消表单的提交,所以它对于进行表单验证是十分理想的;

这样的话,修改form的onsubmit事件可以让敲入回车的时候执行我们想要的操作而不跳转到action所指定的url,如下:

<form action="myurl" onSubmit="fun1();return false;">

执行fun1后不会跳转,方便表单操作

3.使用onkeydown事件,如下:

<input type="text"  onkeydown="if(event.keyCode==13){fun1();}"/>

这样在文本输入框内输入文字后直接敲击回车,也会执行fun1函数

有个疑问问下大家,onkeydown事件能为form或者div这样的元素注册吗,比如说

<div onkeydown=" if(event.keyCode==13){fun1();} "></div>

就是希望在焦点在div层的任何一个地方的时候,敲击回车活也执行fun1,而不是非要焦点在文本输入框的时候敲击回车才去执行fun1,那位清楚的探讨下,我试了下貌似不行

最新文章

  1. selenium-JS点击(项目应用)
  2. Android WebView 总结 —— 使用HTML5播放视频及全屏方案
  3. 关于android中Bundle的使用
  4. C- printf的使用
  5. google maps api申请的问题
  6. spring事物的传播行为
  7. input 上传图片显示预览、调用摄像头,ios和Android的兼容性解决
  8. JMS基础篇
  9. 2017-2018-1 1623 bug终结者 冲刺007
  10. Python 标准类库- 因特网协议于支持之UUID
  11. java.lang.IllegalArgumentException: Called attach on a child which is not detached: ViewHolder
  12. 14-Requests+正则表达式爬取猫眼电影
  13. asp.net mvc Dateset读取Excel数据
  14. ionic更改端口号
  15. 开始写博客,学习Linq(1)
  16. Hadoop技术内幕1——源代码环境准备
  17. javascript,排列组合
  18. leetcode414
  19. 剑指Offer——不用加减乘除做加法
  20. 语义分析:C语言表达式的语法树生成——Python实现

热门文章

  1. osg渲染数据高程文件
  2. IOS开发之WIFI及IP相关
  3. 使用sublime时报编码错误
  4. Android 通知栏Notification的整合 全面学习 (一个DEMO让你完全了解它)
  5. 23.APR/Native
  6. lr各种问题以及解决办法
  7. 【转】Mysql中varchar存放中文与英文所占字节异同
  8. warning MSB3391
  9. CodeForces #367 div2 C
  10. 史上最全的RunLoop介绍