实现漂亮按钮提交,响应Enter键
来源:互联网 发布:天气软件手机版 编辑:程序博客网 时间:2024/05/21 06:13
方法一:
js控制
<form id="frmSubmit" ...>.....<a href="#" onclick="frmSubmit.submit()">提交内容</a></form>图片按钮<input type="image" src="button.png" />
方法二:
<input type="submit" name="submit" value="提交" style="background:url('images/button.gif');width:100px;height:25px;" border="0" />
让onclick响应Enter键
最近在做个小程序,一个表单由onclick控制提交到JS,再由JS提交到真正的PHP执行。结果发现,在输入框键入后直接敲"enter"键,按钮不响应,只有用鼠标点击才有效果。为了让onclick响应Enter键,在网上找了半天的代码,都没有实现这个功能,研究很久终于成功,下面把实现方法放出来:
引用
<form id="form" name="form" method="post" action="javascript:void(0)" onkeydown="if(event.keyCode==13)getipdata('query1','query2')">
<td width="39%" height="33"><input name="g_url" type="text" class="socss" id="ip_url" size="40" />
</td>
<td width="34%"><input name="submit" type="submit" value="提交查询内容" onclick="getipdata('query1','query2')"/></td>
</form>
注意看红色的地方,"event.keyCode==13"是enter的代码,"getipdata('query1','query2')"是要提交到JS执行的。
- 实现漂亮按钮提交,响应Enter键
- 按钮enter响应问题
- 屏蔽Button按钮对Enter回车键的响应 及实现Enter->Tab效果
- jQuery响应enter键的实现
- 让textbox响应回车键实现按钮提交
- 键盘Enter键实现提交表单
- ionic angularjs 实现Enter键的提交
- 如何把任意输入框绑定到Enter键,按Enter提交或响应事件
- 回车响应提交按钮
- enter键提交
- enter键提交后续
- enter键登录提交
- FCK 实现Ctrl+Enter提交
- 按下Enter键分别实现换行和提交表单
- jquery实现按enter键表单不提交而是换行
- js实现Enter键提交表单(兼容各个浏览器)
- 实现按钮的左键单击和右键单击事件 编辑框的回车键和ctrl+enter组合键消息响应
- MFC设置按下Enter键后响应指定的按钮
- 在对话框上设计一个三角形的按钮
- 关于Lucene分组查询后的排序
- Java中二进制和十进制整数之间相互转换的思考
- 匿名内部类
- SIGCHLD和waitpid的使用
- 实现漂亮按钮提交,响应Enter键
- 公司绝对不会告诉你的20个潜规则
- 开始向Java过渡
- SQLSERVER服务器配置
- spring,web.xml中的OpenSessionInViewFilter 配置
- 泛型与cache互转,并判断元素是否存在的方法
- MySQL Event
- 安装visio 2007和project 2007时弹出“找不到Office.zh-cn\OfficeMUI.xml”
- Perf 简介