单击功能在野生动物园浏览器上不起作用

On click function is not working on safari browser

本文关键字：浏览器 不起作用 动物园 功能 单击      更新时间：2023-09-26

单击时功能在 safari 浏览器上不起作用。如果有人知道，请帮助我。

目录：

<span  class="dropdown" onclick="javascript:drop()"></span>

脚本：

function drop(){
    if(document.getElementById('dropdown-content').style.display=="block"){
        document.getElementById('dropdown-content').style="display:none";
    }else{
        document.getElementById('dropdown-content').style="display:block";
    }       
}

将内联事件分配给span元素时不需要javascript:。

style="display:none"不是有效的语法。

注意：element.style.display只会读取内联应用的 css 属性。

使用 getComputedStyle 获取所有 CSS 属性的值

试试这个：

function drop() {
  if (document.getElementById('dropdown-content').style.display == "block") {
    document.getElementById('dropdown-content').style.display = "none";
  } else {
    document.getElementById('dropdown-content').style.display = "block";
  }
}
<span class="dropdown" onclick="drop()">Hey!</span>
<div id='dropdown-content' style="display:block">Target Element</div>

我假设你的意思是Safari手机？

根据我的经验，两个 Safari 浏览器都遇到了点击事件的问题，通常是因为他们想要一个"点击"事件。

解决此问题的最简单方法。是通过使用类似jQuery的东西，它将应用一堆不同的事件来确保它正常工作。

否则，您可以尝试复制点击并进行点击。

相关文章：