onclick="myFunction()" 的反义词是什么？答案

【问题标题】：What would be the opposite of onclick="myFunction()"?onclick="myFunction()" 的反义词是什么？
【发布时间】：2020-02-18 22:11:08
【问题描述】：

不是重复的，因为我要求 "offclick" 事件（如果有）是为了隐藏元素，而不是如何隐藏元素。

我有一个带有 display: none; 的容器，它仅在使用 onclick="myFunction()" 单击 <textarea> 标记时显示。但是，一旦在<textarea> 之外单击它，我想将容器设置回 display: none;。

有没有 offclick 等效的？

  function myFunction() {
  $('.testing').css({
    display: 'inline-block'
  });
}

.testing {
  display: none;
}

<div>
  <textarea onclick="myFunction()" placeholder="Write something..."></textarea>
</div>
<div class="testing"></div>

【问题讨论】：

stackoverflow.com/questions/152975/…
没有onclick=“myFunction()”的Html元素请给我们看看
我认为 OP 正在寻找 onfocusout：w3schools.com/jsref/event_onfocusout.asp
@Michael 就是这样！非常感谢

标签： javascript jquery css onclick display

【解决方案1】：

很可能您将不得不查看 onMouseUp 事件。

https://www.w3schools.com/jsref/event_onmouseup.asp

【讨论】：

【解决方案2】：

您需要一个窗口级别的侦听器，然后根据单击是否在文本区域（目标）之外进行隐藏，但前提是文本区域可见，否则进行比较将毫无意义。

【讨论】：

【解决方案3】：

$(document).click(function(event) {
    if (!$(event.target).is(".testing")) {
        $(".testing").hide();
    }
});

【讨论】：

这使得“myFunction()”在点击textarea标签时失效
我的功能仅用于在文本区域外单击后隐藏。对于 show texarea，请使用您的功能。

【解决方案4】：

    menu.onclick = () =>{
  menu.classList.add('fa-times');
  navbar.classList.add('active');
}

    enter code here

window.onscroll = () =>{
  menu.classList.remove('fa-times');
  navbar.classList.remove('active');
}

【讨论】：

请不要只发布代码作为答案，还要解释您的代码的作用以及它如何解决问题的问题。带有解释的答案通常更有帮助，质量更高，更有可能吸引投票。