解决Firefox中按下回车键重新加载页面的问题

我们在网上填写表单的时候,有一个习惯,就是当终于填完了最后一个框框后,如释重负,顺手一按回车,就提交了。

比如一个用户登录页面,以前我在最后一个文本框中添加了这样的脚本:

txtPwd.Attributes.Add("onkeydown", "if(event.keyCode==13) event.keyCode=9;");

然后在登录按钮加上:

btnLogin.Attributes.Add("onfocus", "this.click();");

也就是说先把回车键换成tab键,在登录按钮获取焦点后自动点击。这种方法虽然不是很完美,但在IE下确实还是有用的,可是拿到Firefox下就不行了,因为在Firefox下,keyCode是只读的,并不能通过脚本改变。

后来在网上找到这样一段脚本:

function doClick(linkId, e){  
                var e=(typeof event!='undefined')?window.event:e;
                if(e.keyCode != 13){
                    return;
                }
                var fireOnThis = document.getElementById(linkId)
                  if (document.createEvent)
                  {
                    var evObj = document.createEvent('MouseEvents')
                    evObj.initEvent( 'click', true, false )
                    fireOnThis.dispatchEvent(evObj)
                  }
                  else if (document.createEventObject)
                  {
                       fireOnThis.fireEvent('onclick')
                  }
}

这段脚本的作用是,当用户按下回车键时,触发指定的按钮,而不是自动加载页面,然而,在测试的时候,Firefox的确好使,IE下不知为啥有不灵了。我不知道这段脚本中哪句话IE不认识,也不想费时间研究了。于是,就在程序中做了个判断,针对不同的浏览器注册不同的脚本。

最后这个方法个人觉得还是挺好的,只是不知为啥在IE下不行?如果有js高手路过,请顺便指教一下。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
要在Firefox自定义CSS样式,您可以按照以下步骤进行操作: 1. 打开Firefox浏览器,并在地址栏输入"about:support",然后按回车键。 2. 在打开的页面,找到"配置文件"一栏下的"文件夹",并点击"打开文件夹"按钮。这将打开Firefox配置文件夹。 3. 在配置文件夹,找到并进入"chrome"目录。如果没有"chrome"目录,您可以创建一个新的文件夹并将其命名为"chrome"。 4. 在"chrome"目录,查找名为"userChrome.css"的文件。如果没有这个文件,您可以创建一个新的文本文件,并将其命名为"userChrome.css"。 5. 打开"userChrome.css"文件,并将您的自定义CSS代码粘贴到文件。 6. 保存文件并关闭编辑器。 7. 重新启动Firefox浏览器,您的自定义CSS样式将会生效。 请注意,自定义CSS样式可能会影响浏览器的外观和功能。确保您了解自己在做什么,并备份原始的"userChrome.css"文件以防止意外情况发生。引用\[1\]提供了在Firefox配置文件夹找到"userChrome.css"文件的具体步骤,而引用\[2\]提到了使用CSS编辑器来自定义WordPress.com站点的外观的方法。引用\[3\]提到了使用Stylish扩展或"userChrome.css"文件来加载和使用自定义CSS代码的两种常见方式。 #### 引用[.reference_title] - *1* *3* [自定义FireFox的样式,火狐CSS样式使用教程](https://blog.csdn.net/weixin_36027833/article/details/119369471)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [如何添加自定义 CSS – 支持](https://blog.csdn.net/weixin_28717969/article/details/118272606)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

极客行天下

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值