Is there a way to disable chrome pinch zoom with javascript. I don't want to change anything in chrome://flags I want to disable chrome's default zooming and sliding to previous page behaviors and instead I want to write my own panning/zooming code. I'm able to handle all that events but calling 'preventDefault' doesn't help. Handling of mousewheel, ctrl+ and ctrl- events and calling 'preventDefault' there also does not help.
Finally I want to have custom multitouch zooming with 2 fingers and panning capabilities for chrome and IE 11. IE panning works perfectly for me, but zooming doesn't.
Sample script below:
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
<script type="text/javascript" src="Scripts/jquery-3.1.0.js" ></script>
<script type="text/javascript" >
document.addEventListener('touchstart', function(event){
event.preventDefault();
});
document.addEventListener('touchend', function(event){
event.preventDefault();
});
document.addEventListener('touchmove', function(event){
event.preventDefault();
});
$('*').bind('touchmove', false);
</script>
<body>
<h1 align="center">
TEST STRING FOR PINCH ZOOM
</h1>
</body>
</html>