解决页面中不让提交按钮获取焦点的方法,
2010-09-04 18:26
369 查看
在项目中碰到一个问题,打开页面的时候提交按钮就默认获取焦点,我的页面时按enter键时,下一个元素获取焦点,代码如下
if(event.keyCode==13 && event.srcElement.type!='button' && event.srcElement.type!='image' && event.srcElement.type!='submit' && event.srcElement.type!='reset' && event.srcElement.type!=''&& event.srcElement.type!='textarea')
{
event.keyCode=9;
}
在页面引用为<script src="keys.js" for="document" event="onkeydown" type="text/javascript"></script>这种方式即可
然后按键的时候就提交页面,下面一个元素并没有获取焦点,经过查找资料终于解决这个问题了,把按钮的UseSubmitBehavior="false"即可,这个属性不常用,所以被很多人忽视,
使用 UseSubmitBehavior 属性来指定 Button 控件使用客户端浏览器的提交机制还是 ASP.NET 回发机制。默认情况下,此属性的值为 true,从而导致 Button 控件使用浏览器的提交机制。如果指定为 false,则 ASP.NET 页框架将客户端脚本添加到页面,以将窗体发送到服务器。
当 UseSubmitBehavior 属性为 false 时,控件开发人员可以使用 GetPostBackEventReference 方法来返回 Button 的客户端回发事件。GetPostBackEventReference 方法返回的字符串包含客户端函数调用的文本,可以插入到客户端事件处理程序中。
问题解决,全键盘即可操作,不用鼠标。ok
if(event.keyCode==13 && event.srcElement.type!='button' && event.srcElement.type!='image' && event.srcElement.type!='submit' && event.srcElement.type!='reset' && event.srcElement.type!=''&& event.srcElement.type!='textarea')
{
event.keyCode=9;
}
在页面引用为<script src="keys.js" for="document" event="onkeydown" type="text/javascript"></script>这种方式即可
然后按键的时候就提交页面,下面一个元素并没有获取焦点,经过查找资料终于解决这个问题了,把按钮的UseSubmitBehavior="false"即可,这个属性不常用,所以被很多人忽视,
使用 UseSubmitBehavior 属性来指定 Button 控件使用客户端浏览器的提交机制还是 ASP.NET 回发机制。默认情况下,此属性的值为 true,从而导致 Button 控件使用浏览器的提交机制。如果指定为 false,则 ASP.NET 页框架将客户端脚本添加到页面,以将窗体发送到服务器。
当 UseSubmitBehavior 属性为 false 时,控件开发人员可以使用 GetPostBackEventReference 方法来返回 Button 的客户端回发事件。GetPostBackEventReference 方法返回的字符串包含客户端函数调用的文本,可以插入到客户端事件处理程序中。
问题解决,全键盘即可操作,不用鼠标。ok
相关文章推荐
- 移动H5页面,Android手机下,input获取焦点弹出系统虚拟键盘时,挡住input解决方法
- 输入框获取焦点,页面放大解决方法
- 当EditText被视图(按钮等)挡住无法获取焦点的解决方法
- 在phpstorm中利用post方法提交form表单后,在响应页面获取不到数据的解决办法
- 移动端开发,IOS、iPhone,表单input元素获取焦点时页面被放大的解决办法。
- php表单提交时获取不到post数据的解决方法
- asp.net 页面中点击按钮后无反应的解决方法
- 点击不同的按钮把同一个表单提交到不同的页面处理的方法
- 用js提交表单解决一个页面有多个提交按钮的问题
- 关于web页面缓存问题解决方法,如图片缓存,异步提交数据页面不更新
- ASP.NET MVC中实现多个按钮提交的解决方法
- 关于表单提交按钮多次点击多次触发的解决方法
- JSP页面表单提交时出现中文乱码的解决方法
- JSP页面刷新重复提交数据解决方法总结(已验,可行)
- jsp页面提交表单给本jsp获取输入框内容方法
- js实现不提交表单获取单选按钮值的方法
- 解决:防止页面按钮被重复点击,导致页面重复提交的问题
- 两个按钮的提交跳转到不同页面(最简单的方法)
- 关于WinForm框架中点击按钮时存在的多次提交问题的解决方法
- SpringSecurity 登录页面无法获取CSRF令牌的解决方法