e.preventDefault() 无法处理带有输入的 onClick/onFocus 事件答案

【问题标题】：e.preventDefault() not working on onClick/onFocus event with an inpute.preventDefault() 无法处理带有输入的 onClick/onFocus 事件
【发布时间】：2022-01-27 08:05:04
【问题描述】：

试图阻止单击并专注于输入的默认行为。我知道我可以使用 CSS 来防止这种情况（指针事件：无）。我最终试图阻止在某些插入符号位置单击输入。

有没有解释为什么e.preventDefault() 在这种情况下不起作用？

import React from "react";

function InputText() {

  function handleClick(e) {
    e.preventDefault();
  }

  return (
    <input onClick={handleClick}></input>
  );
}

export default InputText;

【问题讨论】：

标签： javascript html css reactjs

【解决方案1】：

或许你可以使用输入的Disable属性来防止用户点击和聚焦。我认为 onclick 在按钮之类的东西上效果很好。

【讨论】：