我有一個(gè)使 div 可見的按鈕。當(dāng)我點(diǎn)擊 div 之外的任何地方時(shí)，會(huì)有一個(gè)監(jiān)聽器應(yīng)該再次隱藏它，但它沒有被觸發(fā)。我做錯(cuò)了什么，或者有更好的方法來做到這一點(diǎn)？$("#buttonNewIssue").on("click", function(e) { console.log("button new issue click"); if ($("#newIssueMenu").hasClass("newIssueMenuHidden")) { $("#newIssueMenu").removeClass("newIssueMenuHidden"); $("#newIssueMenu").addClass("newIssueMenuShown"); $("#newIssueMenu").css("left", $(this).position().left); $("#newIssueMenu").css("top", $(this).outerHeight() + $(this).position().top); $("#newIssue").focus(); } else { $("#newIssueMenu").removeClass("newIssueMenuShown"); $("#newIssueMenu").addClass("newIssueMenuHidden"); }});$("#newIssueMenu").on("blur", function(e) { console.log("newIssueMenu blur"); $(this).removeClass("newIssueMenuShown"); $(this).addClass("newIssueMenuHidden");});.newIssueMenuShown { z-index: 1; position: absolute; left: 0; top: 0; display: block; visibility: visible; transition-property: display, visibility; transition-duration: 0.4s;}.newIssueMenuHidden { display: none; visibility: hidden; transition: all 0.4s;}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script><button id="buttonNewIssue" type='button' data-toggle='popover' data-content='Create New Issue'>New Issue</button><div id="newIssueMenu" class="newIssueMenuHidden"> <form><input id="newIssue" type="text" placeholder="Issue Name"></form></div>代碼筆： https: //codepen.io/jasonws/pen/VwadjBY
在元素外部單擊時(shí)不會(huì)調(diào)用 on("blur")
函數(shù)式編程
2023-03-03 15:06:17
