为什么这么说呢？且看下面的情形：

当用户焦点在输入框中的时候，当用户按了“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导致的。。

IE 浏览器下 button元素自动触发click？的更多相关文章

  1. jquery自动触发click事件

    $("").trigger("click"); //jquery的自动触发事件

  2. CSS:在IE浏览器下，元素下沉一行的解决办法

    HTML: <ul> <li><a href="">嘻嘻嘻嘻嘻嘻</a><span>2015-12-17</spa ...

  3. js添加的元素无法触发click事件

    动态生成的元素,使用.on绑定事件,比如$(document).on("click",".divclick",function(){})

  4. button元素兼容问题浅析

    缺省type属性值 <button>提交</button> button元素的type属性值有submit.button可选,在上面这种没有明确指出type值的情况下,浏览器的 ...

  5. jQuery 学习笔记（5）（事件绑定与解绑、事件冒泡与事件默认行为、事件的自动触发、自定义事件、事件命名空间、事件委托、移入移出事件）

    1.事件绑定: .eventName(fn) //编码效率略高,但部分事件jQuery没有实现 .on(eventName, fn) //编码效率略低,所有事件均可以添加 注意点:可以同时添加多个相同 ...

  6. chrome浏览器当表单自动填充时，怎么去除浏览器自动添加的默认样式。

    参考blog来自 http://segmentfault.com/q/1010000000671971 chrome浏览器当表单自动填充时,怎么去除浏览器自动添加的默认样式. 一.发现该问题的原因-是 ...

  7. <select>在chrome浏览器下背景透明问题

    在上篇文章<只用CSS美化选择框>运用了背景透明的技巧来美化选择框,但在chrome浏览器下遇到了跟ie.ff不一样的透明效果,下面重现一下: 在一个大的div(背景红色)内放置一个sel ...

  8. 手机浏览器下IScroll中click事件

    产品的h5页面几乎都使用了iscroll插件,如果a标签在iscroll里,在部分手机浏览器中会出现无法点击的情况,不管是绑定click事件还是使用a标签的href属性.href属性偶尔还会能点击,c ...

  9. [转]FireFox与IE 下js兼容触发click事件的代码

    本文转自:http://www.jb51.net/article/16549.htm FireFox与IE 下js兼容触发click事件 ,对于需要兼容这两者的朋友,就需要参考下下面的代码了<a ...

随机推荐

  1. 7月15日学习之BOM

    setTimeout() //延时器,只执行一次代码 clearTimeout() //清除演示器 setIntervla() //定时器,根据指定时间间隔执行一次代码 clearInterval() ...

  2. Linux 命令 - umask: 显示或设置文件模式掩码值

    umask 命令控制着创建文件时指定给文件的默认权限.它使用八进制表示法从文件模式属性中删除一个位掩码. 参见下面的例子: [huey@huey-K42JE cmdline]$ rm -f foo.t ...

  3. django 学习-10 Django多对多关系模型

    1.vim blog/models.py class   Author(models.Model): name = models.CharField(max_length=30) def unicod ...

  4. iOS开发那些事--性能优化–内存泄露问题的解决(转）

    内存泄漏问题的解决 内存泄漏(Memory Leaks)是当一个对象或变量在使用完成后没有释放掉,这个对象一直占有着这块内存,直到应用停止.如果这种对象过多内存就会耗尽,其它的应用就无法运行.这个问题 ...

  5. JS调用iframe方式实现Web区域打印页面内容

    1.程序说明 1) 此程序可以实现选择页面中的区域进行打印,以iframe方式进行打印: 2) 与原生态的print() 区别在于,取消打印页面后可以完整保留当前访问页面的内容. 2.代码部分 1) ...

  6. vs如何新建自己工程的环境变量（局部）和 Windows系统（全局）.

    来源:http://blog.csdn.net/jtop0/article/details/7574139        在vs2008的Project->Property设置里经常会看到类似$ ...

  7. inline-block元素的一些坑

    当年刚知道CSS display有 inline-block 这个神奇的属性的时候,感觉碉堡了,以为从此不用float了,什么div.p,只要 display: inline-block 就在一行上了 ...

  8. Ubuntu环境变量——添加与删除

    转自:http://beanocean.diandian.com/post/2013-11-09/40060047963 注: 1.作者的系统是Ubuntu 13.10,在其他linux发行版中环境变 ...

  9. 解决backbone url请求中参数有中文，存入数据库是乱码

    最近项目用到了backbone 做前后端的分离方案,遇见了中文乱码问题,解决方案总结如下: 假设需要存一条课程记录到后台   model定义如下: var AddCourse= Backbone.Mo ...

  10. hibernate导入大量数据时，为了避免内存中产生大量对象，在编码时注意什么，如何去除？

    Session session = sessionFactory.openSession(); Transaction tx = session.beginTransaction(); for ( i ...