基类
元素 Element
元素是所有组件的基类,元素的属性、方法和事件被所有组件继承。
属性
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| id | 一个元素的唯一标识符 | number | - |
| parent | 父元素 | Element | - |
| rootElement | 根元素 | Element | - |
| window | 所属窗体 | Window | - |
| style | 样式 | StyleProps | - |
| hoverStyle | 悬停样式 | StyleProps | - |
| scrollTop | 垂直活动条位置 | number | 0 |
| scrollLeft | 水平滚动条位置 | number | 0 |
| draggable | 是否可可拖拽 | boolean | false |
| cursor | 光标 | string | default |
| size | 大小 | [number, number] | - |
| contentSize | 内容大小 | [number, number] | - |
| scrollHeight | 滚动条高度 | number | - |
| scrollWidth | 滚动条宽度 | number | - |
| autoFocus | 自动聚焦 | boolean | false |
方法
| 方法 | 说明 | 返回值类型 |
|---|---|---|
| focus | 聚焦 | void |
| getBoundingClientRect | 获取元素矩形 | ElementRect |
事件
| 事件 | 说明 | 事件类型 |
|---|---|---|
| boundschange | 元素位置或大小发生改变 | IBoundsChangeEvent |
| focus | 得到输入焦点 | - |
| blur | 失去焦点 | - |
| click | 点击 | IMouseEvent |
| contextmenu | 上下文菜单(鼠标右键) | IMouseEvent |
| mousedown | 按下鼠标按钮 | IMouseEvent |
| mouseup | 松开鼠标按钮 | IMouseEvent |
| mousemove | 光标移动 | IMouseEvent |
| mouseenter | 光标进入 | IMouseEvent |
| mouseleave | 光标离开 | IMouseEvent |
| keydown | 按下键盘按键 | - |
| keyup | 松开键盘按键 | - |
| sizechanged | 元素尺寸发生改变 | - |
| scroll | 滚动 | - |
| mousewhell | 滚动鼠标滚轮 | - |
| dragstart | 拖拽开始 | - |
| dragover | 拖拽放置 | - |
| drop | 拖拽结束 | - |
| touchstart | 触摸操作开始 | - |
| touchmove | 触摸移动 | - |
| touchend | 触摸操作结束 | - |
| touchcancel | 触摸操作取消 | - |