javascript - 使用较少的默认样式元素获取输入事件功能

Question

当您只需要事件功能时，总是对输入元素进行样式重置是不必要的弯路。

是否有任何 HTML 元素可以提供事件并允许我在样式方面“从头开始”？

Answer 1

DIV 元素不是表单元素。

DIV 元素上没有 value 或 name 特性或属性。

最简单的解决方案是使用输入元素并使用 CSS 删除所有默认样式:

console.log(document.getElementById('div1').name); // undefined
console.log(document.getElementById('div1').value); // undefined

input {
  border: none;
  padding: none;
  background-color: transparent;
  outline: none; 
}

<input type="text" value="Some text">

<div id="div1" name="name1" value="value1"> div content</div>