Question

在HTML中使用按钮或可点击的div更好吗？无论哪种方式，我将使用jQuery来处理点击事件，但我想知道使用一个优于另一个是否有优点/缺点。如执行速度，加载速度等。

<button id="temp">Click</button>

VS。

<div id="temp">Click</div>

我用来处理点击事件的代码如下所示，

$("#temp").click(function(){
//Event details here
};

据我所知，按钮元素已经预先设置为看起来像一个按钮，并且（在Windows上）如果您在选择按钮后按下回车键（通过点击）按钮将重新激活，就像它是再次点击，但这两个因素对我来说都不是很重要。

Answer 1

<button>有一些你喜欢的内置东西，但也有一些不适用于<div>的样式限制。

可以关注

<button>，其中<div>必须具有tabindex属性才能使焦点发挥作用。按下它可以提交表格，如果配置为ex。已内置onclick处理程序：<button onclick="submit()">

<button>的使用适用于HTML5文档规范，它将div替换为容器，提升了<footer>，<section>和<button>等上下文元素的作用。

简而言之，我总是使用<div>，因为它可以根据我的需要进行设计，并按照我喜欢的方式对它们进行编程，我不喜欢预定义的行为，因为它们在不同的浏览器上会有所不同：）

Answer 2

不要使用标签来制作可点击的元素。使用或元素。这使得禁用JavaScript的浏览器可以按预期与它们进行交互。即使您的功能需要JavaScript并且没有合理的默认行为，您也可以分配给它，无论如何都使用它 - 它传达＆＃34;可点击＆＃34;语义。

一般情况下，选择最能准确描述其内容功能的标签，而不是其内容的外观，并避免使用不必要的标签，减少您的文件遭受遗传。