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 ... });