How can i make press event with Javascript (jquery, dojo)?
In the touch screen.
if i keep press in the center of a screen for 20 seconds, i want to show alert("This is a secret window");
If i pressed for 5 seconds each corners in the touch screen as: top/left top/right bottom/right bottom/left it will show alert("This is more开发者_运维知识库 secret window");
How do i do this in jQuery/Dojo or Mootools or in plain Javascript? Any one ever did this? I do not find any "pressed" event with time set.
Note: there will be also many normal press inputs, so i want to do it in optimized way, for real-time actions except those two.
You need two event handlers and a timer.
// Put this lot in a closure so you don't pollute the global namespace.
(function () {
var timer;
function onTouchStart() {
timer = setTimeout(doTheThing, 20*1000);
}
function onTouchEnd() {
clearTimeout(timer);
}
function doTheThing() {
alert('foo')
}
})();
Bind onTouchStart/End to the appropriate events on the appropriate elements.
See a working example altered to operate with a mouse button and for 5 seconds (because 20 is too much time to hang around for this test).
精彩评论