文档手册

behavior: button

2024-07-18 15:05:07

behavior: button

标准按钮行为。它可以应用于任何 DOM 元素,将其转换为可聚焦和可点击的区域。

Elements

默认情况下,这些元素应用了 behavior:button:

  • <button></button>

  • <input type=button>

  • <input type=reset>

  • <input type=submit>

Attributes

此行为可了解:

  • value="string" 标题将显示在 <input type=button> .

  • name="name" - 标准属性名称 - 表单上输入元素的名称。

Events

除了标准事件集(鼠标、键盘、焦点)之外,behavior:button 还会生成:

  • "click" / BUTTON_CLICK 事件,在鼠标向下/向上或 spacebar 按钮对焦时按键事件生成。发布(异步)事件。

  • "press" / BUTTON_PRESS 事件,在鼠标按下或 spacebar 按钮对焦时按键生成。同步事件。事件“press”始终在“click”之前生成。

Methods

N/A - behavior:button 不引入任何特定方法。

value

true/false - 只读,按钮的值反映按钮的按下状态。

Button clicks handling in script

raw onclick handler

let btn = document.$("button#some");
btn.onclick = function() { ... event handling code ... }

on() subscription

let btn = document.$("button#some");
btn.on("click", function() { ... event handling code ... });
document.on("click", "button#some", function() { ... event handling code ... });