用jQuery實現長按圖標可刪除的效果很簡單。
$(document).ready(function() { var longPressTimer = null; $(".icon").on("mousedown", function() { var icon = $(this); longPressTimer = setTimeout(function() { icon.remove(); }, 1000); }).on("mouseup", function() { clearTimeout(longPressTimer); }); });
將 "icon" 替換為你想要實現該效果的圖標 class 名稱。代碼的作用是綁定一個鼠標按下事件和一個鼠標抬起事件。當按下鼠標時,創建一個定時器,設置定時器在1000毫秒后執行函數,執行刪除圖標的操作。當抬起鼠標時,清除定時器,以保證不會誤刪除圖標。
需要注意的是,長按事件的觸發時間要根據實際情況調整,保證既能夠滿足用戶的需求,又不會誤觸發。在本例中,定時器設置的時間是1秒鐘。你可以按照項目需求進行調整。
綜上所述,上述代碼十分簡單,只需要少量的jQuery基礎即可快速實現長按刪除圖標的功能。
上一篇html煙花效果代碼下載
下一篇html熱門標簽框代碼