Prevent browser pop on taphold event

jquery jquery-mobile preventdefault
Abhishek Jain picture Abhishek Jain · May 2, 2011 · Viewed 10.5k times · Source

In a jquery-mobile based web app, how do i prevent the default browser menu from showing on "tap hold" .. instead i want to show a custom dialog page ..

mentioned below is my code as of now ..

$(".task_row").bind('taphold',function(event, ui){
    event.preventDefault();
    $("#slide_down_menu").trigger('click');
});

Answer

axel freudiger picture axel freudiger · Apr 3, 2012

use css:

a {
    -webkit-touch-callout: none !important; 
}

to not show the standard dialog

Related questions

Prevent JQuery Mobile swipe event over specific element

I am using jquery mobile and I need to prevent swipe event over specific element. Need of doing this is because I am using slider and I don't want the swipe event to be invoked resp. I want it to …

Read More
How to redirect on another page and pass parameter in url from table?

How to redirect on another page and pass parameter in url from table ? I've created in tornato template something like this <table data-role="table" id="my-table" data-mode="reflow"> <thead> <tr> <th>Username&…

Read More
JQuery Parsing JSON array

I have a JSON output like the following: ["City1","City2","City3"] I want to get each of the city names, how can i do this? $.getJSON("url_with_json_here",function(json){ }); EDIT: $.getJSON('url_here', function(data){ $.each(data, …

Read More