zoukankan      html  css  js  c++  java
  • IE 浏览器下 button元素自动触发click?

    为什么这么说呢?且看下面的情形:

    当用户焦点在输入框中的时候,当用户按了“Enter”键之后,达到点击登录的效果;所以这里就监听了input的keydown事件,当keyCode是13的时候,就发送请求或者触发登录按钮的click事件。

    在其他浏览器中都没有问题,但是在IE中,当我按了Enter之后,确实是请求了,但是同时也触发了下面“微博”按钮的click事件。百思不得姐啊!!

    首先大概看下页面结构:

    为什么会那样呢,猜测下:是不是因为当按下Enter键的时候,浏览器的焦点就自动跳到下一个“可用”button上呢,并且Enter了,只有这样才会解释上面的情况。下面就验证下::

    1、我现在焦点在第一个账号输入框中,然后敲下Enter键,推测下应该是跳到登陆按钮上,有图有真相,

    可见此时的this就是指向的登陆,OK验证成功。

    2、仅仅靠1上的验证,还不足够,下面咱们就把焦点设在密码框中,按下Enter键,看看什么情况

    可以看到的是在48行的地方,咱们设置了登陆按钮不可用,所以下一个可用button就是“微博”了,所以会触发微博按钮的click事件。

    所以,猜测是合理的。

    3、为什么说是Button呢,如果是a标签呢,我也做了实验,a标签是不会有这样的问题的,只有button会有,这里不再细说。

    4、那该怎么解决呢?其实解决办法还是挺多的,比如可以把button换掉;我采用的是阻止keydown事件的默认行为preventDefault;的确解决问题。

    OK,到此结束;欢迎吐槽!

     // 后记:默认button是有type类型的 需要指定type=“button”等...所以这个问题是没有加type导致的。。

  • 相关阅读:
    C++移位运算符
    IntentFilter
    聚类分析
    CreateProcess的使用方法
    Codeforces Round #275 (Div. 2)
    gcc for Windows 开发环境介绍
    ionic-CSS:ionic Range
    ionic-CSS:ionic 单选框
    ionic-CSS:ionic checkbox(复选框)
    ionic-CSS:ionic Toggle(切换开关)
  • 原文地址:https://www.cnblogs.com/xiaobudiandian/p/IEbug.html
Copyright © 2011-2022 走看看