我标记点击事件在 Internet Explorer 11 中不起作用答案

【问题标题】：i tag click event is not working in internet explorer 11我标记点击事件在 Internet Explorer 11 中不起作用
【发布时间】：2020-02-20 11:15:18
【问题描述】：

     <button type="button" class="btn cms-btn-contorls">
                <i class="fas fa-play" onclick="playBannerVideo(this);"></i>
                @*<i class="fas fa-pause" style="display:none;"></i>*@
            </button>

  function playBannerVideo(e) {
            console.log(e);
            $(e).hide();
            $(".cms-banner-text").hide();
            var $vid = $("#cms-video");
            $vid.attr("controls", true);
            var vid = document.getElementById("cms-video");
            vid.play();
        }

请打开下面的链接并检查主页横幅视频在 internet explore 11 中无法正常工作，但在 chrome 和 Edge 中正常工作。

https://smart-structures-dev.azurewebsites.net/

i 标签点击事件在 internet explorer 11 中不起作用，它在 chrome 和 edge 中完美运行。谁能帮我解决这个问题，为什么 Internet Explorer 11 无法正常工作？

【问题讨论】：

控制台上是否显示任何内容？有任何错误吗？
可能与标签类型i有关，可能在其周围放置一个跨度并将onclick放在跨度上？
什么不起作用？事件是否被调用？如上所述，您是否发现任何错误？
@DBS 在控制台中我没有收到任何错误
为什么将点击事件绑定到i而不是button？按钮是设计用来点击的东西。斜体“文字”不是！

标签： javascript onclick internet-explorer-11

【解决方案1】：

尝试将<button> 标记更改为<div> 标记。代码如下所示

 <div class="btn cms-btn-contorls">
            <i class="fas fa-play" onclick="playBannerVideo(this);"></i> 
        </div>

【讨论】：