第一個問題:書中給的在線demo:http://demo.cssworld.cn/2/2-1...在這個頁面確實是用firefox,第二個按鈕按下去沒有顏色變化,但是我用給的代碼用Chrome和firefox兩個瀏覽器都是一樣的效果,代碼如下:<!DOCTYPE html><html><head> <meta charset="utf-8" /> <style> .active-btn { display: inline-block; background-color: #cd0000; } .active-btn:active { background-color: #ae0000; } </style> <script> var button = document.getElementById("button"); if (button.addEventListener) { button.addEventListener("mousedown", function(event) { // 此處省略N行 event.preventDefault(); }); } </script></head><body> <a href="javascript:" class="active-btn">按下</a> <a href="javascript:" id="button" class="active-btn">按下</a></body></html>是firefox現在彌補了么,而這個demo頁面用的是老版本的firefox的解釋器嗎?第二個問題:書中說阻止按鈕的默認行為可以讓拖動效果更加流暢是什么意思?第三個問題:preventDefault()是阻止默認行為,默認行為是指一般復選框可以被勾選,input可以被被輸入之類的吧,為什么自己加的:active也能阻止?
張鑫旭《CSS世界》第二章的一個例子的疑問,關于:active火狐和chrome的支持不同?
達令說
2019-03-13 13:15:05