stopPropagation is used to make sure the event doesn’t bubble up the chain. eg. a click on a <td> tag would also fire click events on it’s parent <tr>, and then its parent <table>, etc. stopPropagation prevents this from happening.…
var req = new XMLHttpRequest(); var url = “get_data.php”; var params = “lorem=ipsum&name=binny”; req.open(“POST”, url, true); //Send the proper header information along with the request req.setRequestHeader(“Content-type”, “application/x-www-form-urlencoded”); req.onreadystatechange = function() {//Call a function when the state changes. if(req.readyState == 4…
<!doctype html> <html lang=”en”> <head> <meta charset=”utf-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1″> <title>Javascript Promis test</title> <script src=”https://code.jquery.com/jquery-1.12.4.js”></script> <script> function fillData(){ return new Promise(function(resolve,reject){ $.ajax( { type:’GET’, url:’https://reqres.in/api/users/2′, success: function(data){ resolve(data); }, error: function(err){ reject(err); } } ); }); } function fillData2(){…
<html> <body class=”someClass”> <a href=”thanks.html”>test</a> <a href=”thanks.html” class=”clickable”>test</a> </body> </html> <script src=”https://code.jquery.com/jquery-1.12.4.js”></script> <script src=”https://code.jquery.com/ui/1.12.1/jquery-ui.js”></script> <script type=”text/javascript”> $(‘body’).click(function(e) { //with jquery if($(e.target).hasClass(‘clickable’)){ return; } e.preventDefault(); return; }); </script> PURE JS <html> <body class=”someClass” onclick=pp(event)> <a href=”thanks.html”>test</a> <a href=”thanks.html” class=”clickable”>test</a> </body> </html>…
<html> <body class=”someClass”> <input type=”button” onclick=”pp()” value=”click me”> <input type=”text” id=”jj” value=”Prashant”> </body> </html> <script src=”https://code.jquery.com/jquery-1.12.4.js”></script> <script src=”https://code.jquery.com/ui/1.12.1/jquery-ui.js”></script> <script type=”text/javascript”> var pp=(function(){ var name=$(“#jj”).val(); var stringlength=name.length; return function(){ var newString=”; for(i=0;i<stringlength;i++){ newString=newString+name[i]; } stringlength–; $(“#jj”).val(newString); } })(); </script>