Geek asks and answers

Touch touch event evacuation from Chrome

I have a Ubuntu machine with a 24 inch touch screen and it works fine. I can move the mouse, make gestures with several points of touch, and thus the equipment works fine. Now I am wondering if it is possible to make the browser interpret events as touches, and not as mousedown, mousedrag, etc. HTML5 has really good support for touch and multi-touch, and I would like to develop web applications for this setup. Does anyone know how to do this? tried to turn on the "enable-touch-events" switch without any success. It seems like this is only implemented in the ms version.

~$ xinput -version
xinput version 1.6.0
XI version on server: 2.2

~$ xinput
⎡ Virtual core pointer                      id=2    [master pointer  (3)]
⎜   ↳ Virtual core XTEST pointer                id=4    [slave  pointer  (2)]
⎜   ↳ Advanced Silicon S.A CoolTouch(TM) System id=9    [slave  pointer  (2)]
⎜   ↳ USBest Technology SiS HID Touch Controller    id=10   [slave  pointer  (2)]
⎜   ↳ Logitech USB Optical Mouse                id=11   [slave  pointer  (2)]
⎜   ↳ MCE IR Keyboard/Mouse (nuvoton-cir)       id=14   [slave  pointer  (2)]
⎣ Virtual core keyboard                     id=3    [master keyboard (2)]
    ↳ Virtual core XTEST keyboard               id=5    [slave  keyboard (3)]
    ↳ Power Button                              id=6    [slave  keyboard (3)]
    ↳ Video Bus                                 id=7    [slave  keyboard (3)]
    ↳ Power Button                              id=8    [slave  keyboard (3)]
    ↳ CHICONY HP Basic USB Keyboard             id=12   [slave  keyboard (3)]
    ↳ Nuvoton w836x7hg Infrared Remote Transceiver  id=13   [slave  keyboard (3)]

I read about creating with the touch-UI flag, but im not shure will this help?

+5
2

Chrome Linux, GTK. Chrome 35, Linux GTK, ( "" ), Windows ChromeOS. , ( Ubuntu - ).

+2

http://www.html5rocks.com/en/mobile/touchandmouse/ .

"enable-touch-events"

?

, , ​​ , .

https://developers.google.com/chrome-developer-tools/docs/mobile-emulation#emulate-touch-events

JavaScript , , (. ).

["click", "mousemove", "touchmove"].forEach(function(value, index, object) {
    document.addEventListener(value, function(event) {
        console.log(JSON.stringify([event.type,
            event.srcElement.localName + (event.srcElement.id ? '#'
            + event.srcElement.id : "")
            + (event.srcElement.classList.length ? '[class='
            + event.srcElement.classList + ']' : ""),
            (new Date(event.timeStamp)).toJSON()]));
    }, false);
});

?

+1

More articles:


All Articles