Question

当我获得焦点时，我正试图让我的按钮更大：

<html>
    <form name="myForm">
      <button onfocus="width=200; height=200">myButton</button>
      <button>myOtherButton</button>
    </form>
</html>

我知道如何让它发挥作用？

Answer 1

<form name="myForm">
    <button onfocus="this.style.width = '200px'; this.style.height = '200px';">myButton</button>
    <button>myOtherButton</button>
</form>

我想在执行此操作后，您还需要在焦点离开后恢复大小。

<button onfocus="this.style.width = '200px'; this.style.height = '200px';" onblur="this.style.width = this.style.height = '';">myButton</button>

如果你做的远不止这些，我建议将这些代码分成函数并做出更好的JavaScript设计决策。

如何在获得焦点时放大按钮？

1 个答案: