• 关于IE环境下按回车键会自动触发button 按钮的点击事件的解决方案
  • 虾米小斌 发表于 2016/2/26 9:06:00 | 分类标签: IE兼容性 回车键提交 按钮
  •  

    问题:

    当页面中有

    <button></button> 
    

    的时候,IE 浏览器按 Enter 便会触发 button 按钮的点击事件,导致不必要的麻烦出现(例如对 input 的检查)。

    解决:

    使用

    <a class="button" href="javascript:void(0)"></a>
    

    来代替,并设置其 css (根据需要进行其他的设置):

    .button {
        display: inline-block;
        font-size: 14px;
        line-height: 25px;
        text-align: center;
        color: #333;
        text-decoration: none;
        background: url(images/button_sprite.png) no-repeat;
    }
    

  • 请您注意

    ·自觉遵守:爱国、守法、自律、真实、文明的原则

    ·尊重网上道德,遵守《全国人大常委会关于维护互联网安全的决定》及中华人民共和国其他各项有关法律法规

    ·严禁发表危害国家安全,破坏民族团结、国家宗教政策和社会稳定,含侮辱、诽谤、教唆、淫秽等内容的作品

    ·承担一切因您的行为而直接或间接导致的民事或刑事法律责任

    ·您在编程中国社区新闻评论发表的作品,本网站有权在网站内保留、转载、引用或者删除

    ·参与本评论即表明您已经阅读并接受上述条款

  • 感谢本文作者
  • 作者头像
  • 昵称:虾米小斌
  • 加入时间:2014/6/1 14:46:00
  • TA的签名
  • 这家伙很懒,虾米都没写
  • +进入TA的空间
  • 以下内容也很赞哦
分享按钮