dom-event-simulate

1.3.1 • Public • Published

dom-event-simulate

NPM version Package quality build status Test coverage node version npm download

simulate user interaction with DOM events.

Contributors


xudafeng


paradite


elaine1234


cyjake

This project follows the git-contributor spec, auto updated at Wed Jan 26 2022 19:14:28 GMT+0800.

Installment

$ npm i dom-event-simulate --save-dev

CDN

https://unpkg.com/dom-event-simulate@latest/lib/dom-event-simulate.js

Usage

const { domEvent } = require('dom-event-simulate');
// input @
domEvent(element, 'keydown', {
  keyCode: 50,
  key: '@',
});
// start a drag
domEvent(dom, 'mousedown', {
  clientX: point.x,
  clientY: point.y,
});
domEvent(dom, 'mousemove', {
  clientX: point.x + 10,
  clientY: point.y + 10,
});
domEvent(dom, 'mouseup', {
  clientX: point.x + 10,
  clientY: point.y + 10,
});
var element = document.querySelector('#input');

element.addEventListener('change', function(e) {
  console.log(e.target.files);
}, false);

domEvent(element, 'change', {
  data: {
    target: {
      files: [
        {
          file: 'file1.png',
        },
        {
          file: 'file2.jpg',
        }
      ],
    },
  }
});

Use with macaca-wd

see: https://macacajs.github.io/macaca-wd/#domEvent

Support Events

type name args
mouseEvents click
mouseEvents dblclick
mouseEvents mouseover
mouseEvents mouseout
mouseEvents mouseenter
mouseEvents mouseleave
mouseEvents mousedown
mouseEvents mouseup
mouseEvents mousemove
mouseEvents dragstart
mouseEvents dragenter
mouseEvents dragover
mouseEvents dragleave
mouseEvents drag
mouseEvents drop
mouseEvents dragend
mouseEvents wheel
keyboardEvent keydown
keyboardEvent keyup
keyboardEvent keypress
UIEvents submit
UIEvents blur
UIEvents change
UIEvents focus
UIEvents resize
UIEvents scroll
UIEvents select
bubbleEvents scroll
bubbleEvents resize
bubbleEvents reset
bubbleEvents change
bubbleEvents select
bubbleEvents error
bubbleEvents abort
TouchEvent touchstart
TouchEvent touchmove
TouchEvent touchend
TouchEvent touchcancel
GestureEvent gesturestart
GestureEvent gesturechange
GestureEvent gestureend

Helper Methods

const { helper: eventHelper } = require('dom-event-simulate');

// Type content to input element.
eventHelper.elementInput

// Type content to a contentEditable element.
eventHelper.formInput

License

The MIT License (MIT)

Readme

Keywords

Package Sidebar

Install

npm i dom-event-simulate

Weekly Downloads

95

Version

1.3.1

License

MIT

Unpacked Size

55.9 kB

Total Files

4

Last publish

Collaborators

  • xudafeng
  • paradite