CODEWITHSUNDEEP
javascripttouchinternet-explorer-9dom-events
Jarrett Widman
Jarrett Widman

Reputation: 6439

Cancel IE9 touch scroll event and invoke Mousemove, possible?

On a Windows 7 computer with IE9 and a multitouch screen, like an HP TouchSmart, if you touch the screen on a page that is tall enough to have a scrollbar and move your finger up or down the page scrolls. This doesn't seem to fire any mousemove event. If you touch the screen and initially move left or right instead of up and down it does fire the mousemouse events.

I wan't to cancel this scrolling and cause the browser to invoke a normal mousemove event. Is this possible?

EDIT: There does not appear to be touch events in IE9 Does IE9 support Touch events on Windows 7?

EDIT 2: A couple other points of interest about this. First is that browsers often fire a mousewheel event when scrolling is triggered by a gesture, this can often be caught and cancelled. Second is that in this particular case, you can prevent the scrolling on IE9 with this hack $(document).bind('mousedown mouseup click dblclick', function (e) { }); which as hacks sometimes do, does not make any sense to me - it may be possible to use fewer event bindings but I didn't have good access to a device to easily test.

Upvotes: 3

Views: 1357

Answers (3)

devstruck
devstruck

Reputation: 1507

After spending some time testing the various methods to suppress default event responses, I have no idea how to suppress the scroll event. You should, however, be able to fire the mousemove event from within a scroll event handler. 

window.onscroll = function(e){
    element.onmousemove();
}

//jquery
$(window).scroll(function(e){ element.mousemove(); } );

A primitive example.

Two things I suppose you could try to prevent auto-scroll: setting the overflow (or overflow-y) to hidden on you body element or as part of your onscroll handler, attempting to scroll back to your point of origin. Setting body's overflow to hidden will prevent scrolling and hide the scrollbar, but I'm not sure it's what you want.

Upvotes: 1

Amy Groshek
Amy Groshek

Reputation: 808

I had the same issue with iPad. I had to add an e.preventDefault(); to the touchmove event. I did this only to the div where I was tracking interaction, not to the whole page. 

element.ontouchmove = function(e){ e.preventDefault(); };

No idea about your device, but might be worth a try.

Upvotes: 0

Brian Sabat
Brian Sabat

Reputation: 1

Try touch events instead of mouse events.

Upvotes: 0

Related Questions