Event

You can set EventListner by calling nashi('p').{eventName}, just like:

nashi('p').click(() => console.log('Nashi is great!'));

Or you can trigger element's event:

nashi('p').click(); // Nashi is great!

Here are supported events:

blur	focus	focusin	focusout
hover	change	click	contextmenu
dblclick	error	keydown	keypress
keyup	mousedown	mouseenter	mouseleave
mousemove	mouseout	mouseover	mouseup
resize	scroll	select	submit
input	invalid	reset	wheel
drag	dragend	dragenter	dragleave
dragover	dragstart	pointerdown	pointerup
pointermove	pointerover	pointerout	pointerenter
pointerleave	pointercancel	gotpointercapture	lostpointercapture

Or you can using event() or on() (on is an alia of event)to listen to an customEvent:

nashi('p').event('click', () => console.log('Nashi is great!'));
nashi('p').event('click'); // Nashi is great!

Or you can trigger event by using trigger():

nashi('p').trigger('click');

You can also pass a customEvent to trigger a custom event.

You can remove event listener by calling removeEvent();

let count = 0;
const handler = count++;
const np = nashi('p');
np.click(handler);
np.click(); // count = 1
np.removeEvent('click', handler);
np.click(); // count = 1

Event alias

hover()

QueryResult.hover(handler);
/* Equals to */
QueryResult.mouseenter(handler).mouseleave(handler);

pointerhover()

QueryResult.pointerhover(handler);
/* Equals to */
QueryResult.pointerenter(handler).pointerleave(handler);