IE8下使用button标签的注意事项

前言

IE8浏览器下有很多bug，所谓bug，并不是指不支持W3C标准，而是指在实现标准的浏览器代码中存在一些问题，导致一些被支持的标准在被开发者使用时，会出现一些问题。
以下是正文

IE8中的button标签（没有涉及表单）

环境

虚拟机OS:Win7
Browser:IE8

问题

如果你的项目中有以下代码（注意：这个button不是表单中的button哦)

<button>Exciting</button>

那么在IE8中，如果你按下enter键，那么button会自动被click，从而造成不可预估的后果

问题产生的原因

IE浏览器会把没有指定type属性的button视为type=’submit’(也就是表单中的button)，而对于此类button，当你按下enter键，button会被click。

解决方案

针对问题产生的原因，可以知道解决方案是：加个type属性就可以

<button type='button'>Exciting</button>

to be continued ….