Safari / Opera中奇怪的按鈕行為

Question

<button>標記在Safari和Opera（但不是Firefox）中似乎具有奇怪的行為。 如果按鈕包含文本，則有以下幾種情況：

• 如果單擊鼠標然后釋放而不移動鼠標， 則會發生onClick 。

• 在按鈕的非文本區域上按下鼠標按鈕，將鼠標拖到按鈕的其他非文本區域，松開， 發生onClick 。

• 在按鈕的文本區域上按下鼠標按鈕，將鼠標拖動到按鈕的其他文本區域，松開， 發生onClick 。

但是，奇怪的是：

• 在按鈕的文本區域上按下鼠標按鈕，將鼠標拖動到按鈕的非文本區域，松開， 不會發生onClick 。

• 在按鈕的非文本區域上按下鼠標按鈕，將鼠標拖動到按鈕的文本區域，松開， 不會發生onClick 。

這是奇怪的行為。 在大多數情況下，它不會被注意到，但是如果您快速按下按鈕，則單擊時鼠標可以移動。 這意味着您似乎單擊了該按鈕，但未激活。

這是一個已知問題嗎？ 我認為這是因為文本不是按鈕本身的一部分，而只是一個子元素？ 有沒有解決的辦法？ <input type=button>沒有這種行為，大概是因為文本不是與按鈕分開的html元素。

Answer 1

<button>是新功能，仍處於實驗階段。 僅應與HTML5結合使用。 是的，它不僅存在Safari和Opera中的問題，甚至Chrome也存在問題。

我的建議是改用<input type="button" /> ，直到所有現代瀏覽器都支持大多數新標准為止。

最好是等到HTML5正式發布為止，但是...好吧，這將是一個漫長的等待。