I am using .on("touchstart mousedown",function (e) {pTouchDown(e)});
Its working with one finger touch, but I want to do some operation with two-finger touch too.
The touchmove event occurs when the user moves the finger across the screen. The touchmove event will be triggered once for each movement, and will continue to be triggered until the finger is released. Note: The touchmove event will only work on devices with a touch screen.
Because mobile browsers should also work with with web applications that were build for mouse devices, touch devices also fire classic mouse events like mousedown or click . When a user follows a link on a touch device, the following events will be fired in sequence: touchstart.
The touch events contain a property, called touches
, which contains all the touch points available. You can read more about TouchEvents on MDN.
In your case, you would need to check the length of the touches
property:
someElement.addEventListener('touchstart', function (e) { if(e.touches.length > 1) { // ... do what you like here } });
Or with jQuery:
$someElement.on('touchstart', function (e) { if (e.touches.length > 1) { // ... do what you like here } });
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With