-
addEventListener(type, fn [, options])
-
Add a handler to the given event name
Parameters:
| Name |
Type |
Argument |
Description |
type |
string
|
number
|
|
The name of the event to listen to |
fn |
function
|
|
The handler to be called when the event is triggered |
options |
object
|
<optional>
|
Optional options object for addEventListener
Properties
| Name |
Type |
Description |
once |
boolean
|
If true then the handler will be called only once |
|
- Inherited From:
-
- Overrides:
Returns:
Returns the object that 'addEventListener' is being called on
-
Type
-
object
Example
myObject.addEventListener('eventName', (eventParameter1, eventParameter2) => {
...
});
-
-
The function is called when a context menu should be shown.
Use e.preventDefault to disable the default browser context menu.
Parameters:
| Name |
Type |
Description |
e |
PointerEvent
|
The event object |
- Inherited From:
-
- Overrides:
-
disableAutoSizedText()
-
Disable automatically setting the font size based on the selected text (if redacting text)
-
-
Disables the tool from triggering an action immediately after clicking an annotation.
When this is disabled you need to first click on the annotation to select it before you can drag it.
This behavior is disabled by default.
- Inherited From:
-
- Overrides:
-
enableAutoSizedText()
-
Enable automatically setting the font size based on the selected text (if redacting text)
-
-
Enables the tool to trigger actions immediately after clicking an annotation.
For example, if this is enabled then you can immediately click and drag an annotation without making a separate click to select the annotation.
- Inherited From:
-
- Overrides:
Example
// To enable this for one tool (The Pan tool, for example), this can be done:
const tool = docViewer.getTool(window.Core.Tools.ToolNames.PAN);
tool.enableImmediateActionOnAnnotationSelection();
// To enable this for all selection tools, this can be done:
const allTools = Object.values(docViewer.getToolModeMap());
for (const tool of allTools) {
if (tool instanceof Tools.AnnotationSelectTool) {
tool.enableImmediateActionOnAnnotationSelection();
}
}
-
getDocumentViewer()
-
Returns the instance of DocumentViewer for this tool
- Inherited From:
-
- Overrides:
Returns:
The instance of DocumentViewer for this tool
-
Type
-
Core.DocumentViewer
-
getMouseLocation(e)
-
Takes an event object from a mouse event and converts the location into window coordinates
Parameters:
| Name |
Type |
Description |
e |
MouseEvent
|
The event object containing mouse coordinates |
- Inherited From:
-
- Overrides:
Returns:
Returns an object with x and y coordinates representing the mouse cursor in the viewer
-
Type
-
Core.Tools.Point
-
isSelecting()
-
Gets whether the tool is currently in a selecting state or not
- Inherited From:
-
- Overrides:
Returns:
True if the tool is in a selecting state, false otherwise
-
Type
-
boolean
-
keyDown(e)
-
The function is called when a keyboard key is down
Parameters:
| Name |
Type |
Description |
e |
KeyboardEvent
|
The event object containing keyboard key data |
- Inherited From:
-
- Overrides:
-
mouseDoubleClick(e)
-
The function is called when the mouse left button is double clicked
Parameters:
| Name |
Type |
Description |
e |
MouseEvent
|
The event object containing mouse coordinates |
- Inherited From:
-
- Overrides:
-
mouseLeave(e)
-
The function called when the mouse leaves
Parameters:
| Name |
Type |
Description |
e |
MouseEvent
|
The event object containing mouse coordinates |
- Inherited From:
-
- Overrides:
-
mouseLeftDown(e)
-
The function called when the left mouse button is down
Parameters:
| Name |
Type |
Description |
e |
MouseEvent
|
The event object containing mouse coordinates |
- Inherited From:
-
- Overrides:
-
mouseLeftUp(e)
-
The function called when the left mouse button is up.
Typically, annotations are created and added to the annotation manager at this point.
Parameters:
| Name |
Type |
Description |
e |
MouseEvent
|
The event object containing mouse coordinates |
- Inherited From:
-
- Overrides:
-
mouseMove(e)
-
The function called when the mouse moves
Parameters:
| Name |
Type |
Description |
e |
MouseEvent
|
The event object containing mouse coordinates |
- Inherited From:
-
- Overrides:
-
mouseRightDown(e)
-
The function called when the right mouse button is down
Parameters:
| Name |
Type |
Description |
e |
MouseEvent
|
The event object containing mouse coordinates |
- Inherited From:
-
- Overrides:
-
removeEventListener( [type] [, fn])
-
Remove a handler of the given event name and namespace (if given) or with a function reference
Parameters:
| Name |
Type |
Argument |
Description |
type |
string
|
number
|
<optional>
|
The name of the event to remove the handler of with an optional namespace. |
fn |
function
|
<optional>
|
The handler associated with this event to be removed.
If fn is undefined, all the handlers of the given event namespace will be removed.
If you are not passing in this parameter then a namespace must be used with the event name. |
- Inherited From:
-
- Overrides:
Returns:
Returns the object that 'removeEventListener' is being called on
-
Type
-
object
Example
myObject.removeEventListener('eventName.namespace');
myObject.removeEventListener('eventName', fn);
-
select(pagePt1, pagePt2)
-
Select text based on two points. If the two points are on different pages,
the selection rectangle will be created to the edge of the page.
Parameters:
- Inherited From:
-
- Overrides:
-
setName(name)
-
Sets The name of the tool, see
ToolNames, which can be accessed by toolObject.name
Parameters:
| Name |
Type |
Description |
name |
string
|
The name of the tool, see ToolNames |
- Inherited From:
-
- Overrides:
-
setStyles(newStyles)
-
Sets the style for the tool, which will be applied to annotations drawn afterwards
Parameters:
| Name |
Type |
Description |
newStyles |
Object.<string, any>
|
An object containing the new style properties |
- Inherited From:
-
- Overrides:
Example
tool.setStyles({
StrokeColor: new Annotations.Color(0, 0, 0),
TextColor: new Annotations.Color(0, 0, 0),
FillColor: new Annotations.Color(0, 0, 0),
FontSize: '12pt',
Opacity: 1,
StrokeThickness: 1,
Precision: 0.001,
Scale: [[0.25, 'in'], [1, 'in']],
OverlayText: 'Text',
Style: 'solid',
Dashes: '3, 3',
});
-
switchIn(oldTool)
-
The function is called when this tool is selected.
Typically used for changing mouse cursors and initializing states for the tool.
Parameters:
| Name |
Type |
Description |
oldTool |
Core.Tools.Tool
|
The tool class that was previously selected |
- Inherited From:
-
- Overrides:
-
switchOut(newTool)
-
The function is called when this tool is deselected.
Typically used for changing mouse cursors and cleaning up states for the tool.
Parameters:
| Name |
Type |
Description |
newTool |
Core.Tools.Tool
|
The Tool class that was newly selected |
- Inherited From:
-
- Overrides:
-
tap(e)
-
The function called when there is a tap event
Parameters:
| Name |
Type |
Description |
e |
MouseEvent
|
The event object containing mouse coordinates |
- Inherited From:
-
- Overrides:
-
textSelected(pageNumber, quads, text)
-
The function called when a text region is selected
Parameters:
| Name |
Type |
Description |
pageNumber |
number
|
|
quads |
Array.<Core.Math.Quad>
|
The array of quad coordinates for the selected text |
text |
string
|
The text selected |
- Inherited From:
-
- Overrides:
-
trigger(type [, data])
-
Calls the handlers of the event name with given data
Parameters:
| Name |
Type |
Argument |
Description |
type |
string
|
number
|
|
event name of which the handlers will be called. |
data |
*
|
<optional>
|
data that will be passed to the handlers.
If data is an array, it will be spread and then passed to the handlers |
- Inherited From:
-
- Overrides:
Returns:
Returns the object that 'trigger' is being called on
-
Type
-
object
Example
myObject.trigger('eventName');
myObject.trigger('eventName', [eventParameter1, eventParameter2]);
-
triggerAsync(type [, data])
-
Calls the handlers of the event name with given data *asynchronously*.
It's different from Core.EventHandler#trigger in that it can be awaited to ensure all async handlers have finished executing code
Parameters:
| Name |
Type |
Argument |
Description |
type |
string
|
number
|
|
event name of which the handlers will be called. |
data |
*
|
<optional>
|
data that will be passed to the handlers.
If data is an array, it will be spread and then passed to the handlers |
- Inherited From:
-
- Overrides:
Returns:
Returns the object that 'triggerAsync' is being called on
-
Type
-
Promise.<Object>
Example
myObject.triggerAsync('eventName');
myObject.triggerAsync('eventName', [eventParameter1, eventParameter2]);