A:active Vs Mousedown Event Preventdefault()-ed

The case we have an element with :active state specified in CSS in JavaScript code we listen to mousedown event and call event.preventDefault() for some reasons :) As a

Solution 1:

There is no 'correct behavior'. It is up to browser implementations and should not be relied upon. This is known as undefined behavior. In software engineering, undefined behaviors should be not be relied upon as it has no true documentation nor are the results verifiable.

CSS does not define which elements may be in the above states [pseudo-classes: :hover, :active, and :focus], or how the states are entered and left. Scripting may change whether elements react to user events or not, and different devices and UAs[browsers] may have different ways of pointing to, or activating elements. -W3C CSS Selectors