今天在form表单中写个4个按钮,绑定监听事件后怎么都改不了颜色。点击会触发事件,颜色闪一下就没了,没发儿写个test对照,找了好久才发现问题出在form标签。form标签似乎会在点击事件后使按钮回归初始状态。
跟师兄讨论后发现了问题的关键所在,html5的<button>标签的默认type是submit,所以点击<form>标签中的button会触发form的提交,提交后form刷新,自然其中的标签的样式会回到初始状态。解决方法是将button的type属性改为button就不会触发提交了。