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

Posted 2023-02-21

【中文标题】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>

【问题讨论】：

***.com/questions/152975/…

没有onclick=“myFunction()”的html元素请给我们看看

我认为 OP 正在寻找 onfocusout：w3schools.com/jsref/event_onfocusout.asp

@Michael 就是这样！非常感谢

【参考方案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');

【讨论】：

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