feat: add mouse event listener #603
This commit is contained in:
@@ -241,3 +241,29 @@ const {
|
||||
zone: EditorZone
|
||||
}[] = await instance.command.getTitleValue(payload: IGetTitleValueOption)
|
||||
```
|
||||
|
||||
## getPositionContextByEvent
|
||||
|
||||
Feature: Get position context by mouse event
|
||||
|
||||
Usage:
|
||||
|
||||
```javascript
|
||||
const {
|
||||
pageNo: number
|
||||
element: IElement | null
|
||||
rangeRect: RangeRect | null
|
||||
}[] = await instance.command.getPositionContextByEvent(evt: MouseEvent)
|
||||
```
|
||||
|
||||
demo:
|
||||
|
||||
```javascript
|
||||
instance.eventBus.on(
|
||||
'mousemove',
|
||||
debounce(evt => {
|
||||
const positionContext = instance.command.getPositionContextByEvent(evt)
|
||||
console.log(positionContext)
|
||||
}, 200)
|
||||
)``
|
||||
```
|
||||
|
||||
@@ -119,3 +119,33 @@ Usage:
|
||||
```javascript
|
||||
instance.eventBus.on('zoneChange', (payload: EditorZone) => void)
|
||||
```
|
||||
|
||||
## mousemove
|
||||
|
||||
Feature: Editor mousemove event
|
||||
|
||||
Usage:
|
||||
|
||||
```javascript
|
||||
instance.eventBus.on('mousemove', (evt: MouseEvent) => void)
|
||||
```
|
||||
|
||||
## mouseenter
|
||||
|
||||
Feature: Editor mouseenter event
|
||||
|
||||
Usage:
|
||||
|
||||
```javascript
|
||||
instance.eventBus.on('mouseenter', (evt: MouseEvent) => void)
|
||||
```
|
||||
|
||||
## mouseleave
|
||||
|
||||
Feature: Editor mouseleave event
|
||||
|
||||
Usage:
|
||||
|
||||
```javascript
|
||||
instance.eventBus.on('mouseleave', (evt: MouseEvent) => void)
|
||||
```
|
||||
|
||||
@@ -242,3 +242,29 @@ const {
|
||||
zone: EditorZone
|
||||
}[] = await instance.command.getTitleValue(payload: IGetTitleValueOption)
|
||||
```
|
||||
|
||||
## getPositionContextByEvent
|
||||
|
||||
功能:获取位置上下文信息通过鼠标事件
|
||||
|
||||
用法:
|
||||
|
||||
```javascript
|
||||
const {
|
||||
pageNo: number
|
||||
element: IElement | null
|
||||
rangeRect: RangeRect | null
|
||||
}[] = await instance.command.getPositionContextByEvent(evt: MouseEvent)
|
||||
```
|
||||
|
||||
示例:
|
||||
|
||||
```javascript
|
||||
instance.eventBus.on(
|
||||
'mousemove',
|
||||
debounce(evt => {
|
||||
const positionContext = instance.command.getPositionContextByEvent(evt)
|
||||
console.log(positionContext)
|
||||
}, 200)
|
||||
)``
|
||||
```
|
||||
|
||||
@@ -119,3 +119,33 @@ instance.eventBus.on('saved', (payload: IEditorResult) => void)
|
||||
```javascript
|
||||
instance.eventBus.on('zoneChange', (payload: EditorZone) => void)
|
||||
```
|
||||
|
||||
## mousemove
|
||||
|
||||
功能:编辑器 mousemove 事件监听
|
||||
|
||||
用法:
|
||||
|
||||
```javascript
|
||||
instance.eventBus.on('mousemove', (evt: MouseEvent) => void)
|
||||
```
|
||||
|
||||
## mouseenter
|
||||
|
||||
功能:编辑器 mouseenter 事件监听
|
||||
|
||||
用法:
|
||||
|
||||
```javascript
|
||||
instance.eventBus.on('mouseenter', (evt: MouseEvent) => void)
|
||||
```
|
||||
|
||||
## mouseleave
|
||||
|
||||
功能:编辑器 mouseleave 事件监听
|
||||
|
||||
用法:
|
||||
|
||||
```javascript
|
||||
instance.eventBus.on('mouseleave', (evt: MouseEvent) => void)
|
||||
```
|
||||
|
||||
Reference in New Issue
Block a user