Question

点击功能无法在Safari浏览器上运行。如果有人知道，请帮助我。

HTML：

<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";
    }       
}

Answer 1

在为javascript:元素分配内联事件时，您不需要span。

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>

Answer 2

我假设您的意思是Safari移动版？

根据我的经验，两个Safaris都遇到了点击事件的问题，通常是因为他们想要一个“点击”事件。

解决这个问题的最简单方法。是通过使用像jQuery这样的东西来应用一堆不同的事件来确保它正常工作。

否则，您可以尝试复制onclick并进行ontap。

点击功能无法在Safari浏览器上运行

2 个答案: