segmentfault的右上角的小鈴鐺,彈出菜單之后,當點擊菜單范圍,菜單不消失,當點擊菜單以外范 財富值64?
想知道原理<愛尬聊_知識大全>,謝謝!
wing1#p#000.RC2 2天前
對包含小鈴鐺菜單的DIVclass="opts__item--message"
綁定一個click事件,點擊的時候,用stopPropagation方法阻止事件傳播。對document也綁定一個click事件,點擊的時候,關閉打開的菜單。
ww19750614 2天前
在BS的彈出菜單控件中,它會先利用JavaScript監聽整個document的點擊事件。如果有對屏幕的點擊,會把所有的彈出菜單進行關閉(隱藏)。而對于某一個彈出菜單界面,它也會通過JavaScript監聽其彈出層范圍內的點擊事件。如果在此范圍內進行了點擊,則會阻斷點擊事件的冒泡。由于事件冒泡是從小到大進行的,所以事件是不會再傳遞到document上,也就不能讓監聽document的JavaScript去關閉菜單了。
陌wei 2天前
body上綁定事件,單擊消失,鈴鐺阻止事件冒泡
wing1#p#000.RC2 2天前
目測可能是這樣寫的,那個鈴鐺class是opts__item--message,假定用的jQ