I have seen a very frequently asked question by developers – How to execute an event only once. With jQuery, achieving this requirement is very simple using One
Here’s how:
<html xmlns="http://www.w3.org/1999/xhtml"><head> <title>Click me once only</title> <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.4.2.min.js"> </script> <script type="text/javascript"> $(function() { $("#Submit1").one('click', function() { $(this).val("No more alerts"); alert(''); }); }); </script></head><body> <input id="Submit1" type="submit" value="submit" /></body></html>
In the code shown above, the click event is fired only once and the alert is displayed. All subsequent clicks will do nothing
From DevCurry