我正在做一个项目,其中几乎每个a
元素都通过onclick
处理程序连接到JavaScript,只使用一个空白的href
值。 我根本不想遵循 href,所以我一直在使用event.preventDefault()
.我主要使用两种方式:
-
随着
preventDefault()
发生在onclick:
HTML:onclick="event.preventDefault();onclickHandler();"
JS:function onclickHandler() { ...
-
随着 JavaScript
函数中的preventDefault()
发生:HTML:onclick="onclickHandler(event)"
JS:function onclickHandler(event) { event.preventDefault(); ...
在我看来,这些都不理想。 对于第一个,我必须记住在每个 onclick处理程序中发出对preventDefault()
的调用,冒着错过一个的风险。 对于第二个,函数中有一个额外的参数,它不会显着添加到函数的函数中。
我正在尝试做的是将该a
标签配置为使用preventDefault()
,而无需明确告诉它这样做。能做到吗?
从a
标记中删除href
选项,因此它不会充当超链接。 如果您希望指针在悬停时更改,请使用 CSS。