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

Question

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

我有一个带有 display: none; 的容器，它仅在使用 [=17= 单击 <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>

Answer 1

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

Answer 2

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

Answer 3

您很可能需要查看 onMouseUp 事件。

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

Answer 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');
}

Answer 5

您可以在 html 标签中使用 onblur 属性，并为其赋予 javascript 中的功能。例如，这里我有一个输入，当我单击并在那里写东西时，输入的背景颜色变为绿色，但是当我在输入外部单击时，背景颜色变回白色。希望这有所帮助。 ^^

<input type="text" onclick="makeBackgroundColorGreen()" onblur="resetBackgroundColortoWhite">

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

What would be the opposite of onclick="myFunction()"?

javascript

css

jquery

onclick

display