Can one manipulate the simulation to make isTrusted=true a reality?

Question

Can one manipulate the simulation to make isTrusted=true a reality?

Is there a way to simulate an isTrusted=true in touchStart event triggering? Are there any libraries or workarounds that can make this achievable?

When I run the touchStart event programmatically versus physically triggering it, the output differs. Below is the comparison:

https://i.stack.imgur.com/F4xdM.png

I am currently using Mobile Safari, and based on this source, Mobile Safari doesn't support isTrusted. However, the event output indicates otherwise. Any suggestions or insights on this discrepancy would be highly valued. Thank you.

javascript jquery events event-listener touchstart

Answer 1

Answer №1

Unfortunately, events triggered by scripts will always be identified as untrusted (except in IE). This is a security measure put in place. Essentially, if you trigger an event through a script event.isTrusted === false.

If you want to learn more about this concept, check out this resource.

Chances are you are already experiencing these outcomes, but here's an example involving clicks. Take note of how the first console message displays false when triggered by the script:

const element = document.querySelector('div');
const scriptEvent = new Event('click');

element.addEventListener('click', event => console.log(event.isTrusted));

element.dispatchEvent(scriptEvent);

<div>CLICK HERE</div>

Answer 2

Unfortunately, events triggered by scripts will always be identified as untrusted (except in IE). This is a security measure put in place. Essentially, if you trigger an event through a script event.isTrusted === false.

If you want to learn more about this concept, check out this resource.

Chances are you are already experiencing these outcomes, but here's an example involving clicks. Take note of how the first console message displays false when triggered by the script:

const element = document.querySelector('div');
const scriptEvent = new Event('click');

element.addEventListener('click', event => console.log(event.isTrusted));

element.dispatchEvent(scriptEvent);

<div>CLICK HERE</div>

Can one manipulate the simulation to make isTrusted=true a reality?

Answer №1

Similar questions

Converting the given data into an object in JavaScript: a step-by-step guide

What could be causing my search function to not recognize special characters?

How to handle an unexpected token error when using a function within another function in

Why am I not receiving the expected feedback after submitting a request for a specific parameter in a Node.js and Express Router REST API?

Sharing and displaying images on Sails JS platform

What is the most effective way to remove or modify an element in an array when a button is clicked?

Using Regular Expression in JavaScript to replace variables within a string

Just diving into JavaScript, what makes jQuery so powerful?

Organize an array based on its ratio

Getting the URL path within getStaticPaths in Next.js

Error 405 - Invalid request method

Trouble with AJAX/PHP form failing to transmit data

Is there a way to modify the CSS or add custom styling within an iframe form?

Is there a more efficient way to optimize my coding for this Cellular Automata project?

Verify the content of each file in a bulk upload before transferring them to the server

Best practices for including jQuery in ASP.NET (or any other external JavaScript libraries)

The Body Parser is having trouble reading information from the form

Problem with Jsdom retrieving document

Having trouble utilizing Reactjs Pagination to navigate through the data

Assign the array value to all inputs that share the same class tag