How do I trigger a shift click in angular?

Question

I'm currently using element.trigger('click') to simulate a regular click, but how could I, using angular simulate a SHIFT-click?

Trigger a key down event for the shift, the click event, a key up event for the shift — Paul S.
– Paul S., Commented Jul 2, 2015 at 21:46
element.trigger('click') doesn't actually "click" anything... It executes the click handler Javascript function for the element. — Robert Harvey
– Robert Harvey, Commented Jul 2, 2015 at 21:46
@PaulS: Note that a real shift-click doesn't require that the element already have the focus. — Robert Harvey
– Robert Harvey, Commented Jul 2, 2015 at 21:48

kennyg · Accepted Answer · 2015-07-02 22:01:32Z

2

To anyone looking for the answer:

var clickEvent = $.Event('click');
clickEvent.shiftKey = event.shiftKey;
element.trigger(clickEvent);

Thanks to all that responded.

answered Jul 2, 2015 at 22:01

kennyg

1,0692 gold badges12 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Rahat Ahmed Over a year ago

Just for reference, this uses JQuery so it's not something you can do with just Angular (or vanilla JS).

mmey · Accepted Answer · 2023-04-06 12:42:19Z

0

I know this is old, but if anybody is looking for an updated Angular solution:

const trs: NodeListOf<HTMLTableRowElement> nativeElement.querySelectorAll("tbody > tr");

const ev = new MouseEvent("click", { shiftKey: true });
trs[3].dispatchEvent(ev)

This will shift-click on the third table body row...

answered Apr 6, 2023 at 12:42

mmey

1,68517 silver badges24 bronze badges

Collectives™ on Stack Overflow

How do I trigger a shift click in angular?

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related