{"action":"created","issue":{"url":"https://api.github.com/repos/kikinteractive/app/issues/81","labels_url":"https://api.github.com/repos/kikinteractive/app/issues/81/labels{/name}","comments_url":"https://api.github.com/repos/kikinteractive/app/issues/81/comments","events_url":"https://api.github.com/repos/kikinteractive/app/issues/81/events","html_url":"https://github.com/kikinteractive/app/issues/81","id":62279578,"number":81,"title":"Windows touch panel","user":{"login":"poyoaki","id":11514003,"avatar_url":"https://avatars.githubusercontent.com/u/11514003?v=3","gravatar_id":"","url":"https://api.github.com/users/poyoaki","html_url":"https://github.com/poyoaki","followers_url":"https://api.github.com/users/poyoaki/followers","following_url":"https://api.github.com/users/poyoaki/following{/other_user}","gists_url":"https://api.github.com/users/poyoaki/gists{/gist_id}","starred_url":"https://api.github.com/users/poyoaki/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/poyoaki/subscriptions","organizations_url":"https://api.github.com/users/poyoaki/orgs","repos_url":"https://api.github.com/users/poyoaki/repos","events_url":"https://api.github.com/users/poyoaki/events{/privacy}","received_events_url":"https://api.github.com/users/poyoaki/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2015-03-17T04:00:35Z","updated_at":"2015-03-17T07:03:25Z","closed_at":"2015-03-17T07:03:25Z","body":"Hi,\r\n\r\nNow I making my app using App.js, but I found issue on IE11 Windows8.1, page navigation don't work from touch panel.\r\n\r\n/* Don't work */\r\n &lt;div class=\"app-button\" data-target=\"next-page\"&gt;&lt;/div&gt;\r\n\r\n/* Don't work */\r\n &lt;div class=\"app-button\"  id-\"nextbtn\"&gt;&lt;/div&gt;\r\n$(page).find(\"#nextbtn\").on('click', function() {\r\n\tApp.load('next-page');\t});\r\n\r\n/* Work */\r\n &lt;div class=\"app-button\"  id-\"nextbtn\"&gt;&lt;/div&gt;\r\n$(page).find(\"#nextbtn\").on('MSPointerDown', function() {\r\n\tApp.load('next-page');\t});\r\n\r\nCan you help me how to add this event to App.js?\r\n\r\nThank you."},"comment":{"url":"https://api.github.com/repos/kikinteractive/app/issues/comments/82163805","html_url":"https://github.com/kikinteractive/app/issues/81#issuecomment-82163805","issue_url":"https://api.github.com/repos/kikinteractive/app/issues/81","id":82163805,"user":{"login":"poyoaki","id":11514003,"avatar_url":"https://avatars.githubusercontent.com/u/11514003?v=3","gravatar_id":"","url":"https://api.github.com/users/poyoaki","html_url":"https://github.com/poyoaki","followers_url":"https://api.github.com/users/poyoaki/followers","following_url":"https://api.github.com/users/poyoaki/following{/other_user}","gists_url":"https://api.github.com/users/poyoaki/gists{/gist_id}","starred_url":"https://api.github.com/users/poyoaki/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/poyoaki/subscriptions","organizations_url":"https://api.github.com/users/poyoaki/orgs","repos_url":"https://api.github.com/users/poyoaki/repos","events_url":"https://api.github.com/users/poyoaki/events{/privacy}","received_events_url":"https://api.github.com/users/poyoaki/received_events","type":"User","site_admin":false},"created_at":"2015-03-17T07:03:25Z","updated_at":"2015-03-17T07:03:25Z","body":"Hi jairajs89,\r\nI investigated and tried ugly patch for Zepto.js and App.js. \r\nI see works on Windows tab...\r\n\r\n/* app.js 3.0.1 */\r\nApp._Pages = ...\r\n\tfunction startPageGeneration ...\r\n\t\tUtils.forEach(\r\n\t\t\tpage.querySelectorAll('.app-button'),\r\n\t\t\tfunction (button) {\r\n\t\t\t\tif (button.getAttribute('data-no-click') !== null) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\tClickable(button);\r\n/* added start : copy of 'click' handler*/\r\n\t\t\t\tbutton.addEventListener('MSPointerDown', function () {\r\n\t\t\t\t\tvar target     = button.getAttribute('data-target'),\r\n\t\t\t\t\t\ttargetArgs = button.getAttribute('data-target-args'),\r\n\t\t\t\t\t\tback       = (button.getAttribute('data-back') !== null),\r\n\t\t\t\t\t\tmanualBack = (button.getAttribute('data-manual-back') !== null),\r\n\t\t\t\t\t\targs;\r\n\r\n\t\t\t\t\ttry {\r\n\t\t\t\t\t\targs = JSON.parse(targetArgs);\r\n\t\t\t\t\t} catch (err) {}\r\n\t\t\t\t\tif ((typeof args !== 'object') || (args === null)) {\r\n\t\t\t\t\t\targs = {};\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tif (!back && !target) {\r\n\t\t\t\t\t\treturn;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif (back && manualBack) {\r\n\t\t\t\t\t\treturn;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tvar clickableClass = button.getAttribute('data-clickable-class');\r\n\t\t\t\t\tif (clickableClass) {\r\n\t\t\t\t\t\tbutton.disabled = true;\r\n\t\t\t\t\t\t// error on IE9 here.\r\n\t\t\t\t\t\tbutton.classList.add(clickableClass);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tif (back) {\r\n\t\t\t\t\t\tApp.back(finish);\r\n\t\t\t\t\t}\r\n\t\t\t\t\telse if (target) {\r\n\t\t\t\t\t\tApp.load(target, args, {}, finish);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tfunction finish () {\r\n\t\t\t\t\t\tif (clickableClass) {\r\n\t\t\t\t\t\t\tbutton.disabled = false;\r\n\t\t\t\t\t\t\tbutton.classList.remove(clickableClass);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t}, false);\r\n/* added end */\r\n\r\n// Zepto 1.1.6 event\r\n  function add(element, events, fn, data, selector, delegator, capture){ \r\n...\r\n      if ('addEventListener' in element)\r\n\t\t{\r\n        element.addEventListener(realEvent(handler.e), handler.proxy, eventCapture(handler, capture))\r\n/* added */\r\n\t\tif (handler.e == 'click')\r\n        element.addEventListener(realEvent('MSPointerDown'), handler.proxy, eventCapture(handler, capture))\r\n/* added end */\r\n\t\t}\r\n    }) \r\n\r\nThanks,\r\n\r\n"}}