原文:關於偽類after后續追加,實現js事件(如點擊事件)

實現情況為:點擊 編輯 后, 編輯 文字變成 完成 ,再點擊偽類元素后的 完成 ,此時的 完成 應該變成 編輯 情況描述為:如果用偽類實現,點擊 編輯 后變成 完成 ,再點擊 完成 ,無反應 原因排查為:原 編輯 和后 完成 是同一個span,只是不同類名,但后續動態追加的類名,無法實現點擊 語言煩躁,來示例吧 html: .edit after: 編輯 lt div class common g ...

2017-08-28 17:36 0 5661 推薦指數:

查看詳情

元素點擊事件

為了保持頁面簡潔,有時候元素會做成類似關閉按鈕之類的,並且需要點擊事件,綁定方法:   宿主元素設置 pointer-events:none;   元素設置為 pointer-events:auto; 即可實現,不過兼容性有待測試,要求不高的場景可以直接上。 ...

Mon Dec 03 21:49:00 CST 2018 0 1045
用:hover代替js的hover事件

制作二級菜單要實現鼠標移動上去顯示子菜單,鼠標移出子菜單隱藏,或者其他類似需求的地方,首先我會想到用jquery的hover事件實現,如: 第一個function實現鼠標移上去的樣式,第二個function實現鼠標移開的樣式,於是就實現了簡單的下拉菜單功能。 之前一直這樣做 ...

Tue Jun 09 18:22:00 CST 2015 1 6177
js實現before和after的樣式修改

使用javascript,jQuery實現修改before,after的樣式 最近遇到一個需要改變:before,:after 的樣式,發現css中並不能直接選擇某一個元素的:before和:after元素,所以特總結了使用javascript和jQuery改變元素的:before ...

Fri Mar 24 19:25:00 CST 2017 0 40204
【CSS-進階之元素:focus模擬點擊事件

先放上我們最終實現的效果 注:這里建議插入codepen(臨時使用圖片代替) 我們想要實現點擊某個元素時,顯示一個tip浮動框。 html: 通常我們會采用JS的方法給觸發事件元素監聽click事件監聽,然后手動顯示隱藏。 這里我們用CSS來模擬hover事件 ...

Tue May 01 00:29:00 CST 2018 0 2202
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM