In jQuery you can bind two events to one jQuery object. How do I stop the second event from firing once the first one is initiated? If I click on my element, touchstart fires right away. But if I keep my finger held down on the element, then the click will fire. I only want the touchstart to fire and then stop. The problem is that it's running my function twice in a row.
$(document).on("touchstart click", ".bluePill", function (e) {e.stopPropagation();});