preventDefault（）事件方法-yiteyi-C++库

这个 预防默认值（） 方法用于防止浏览器执行选定元素的默认操作。它可以阻止用户通过单击链接来处理请求。 语法：

null

event.preventDefault()

参数： 它不接受任何参数。这个事件用于表示用户在该方法的响应中执行的事件或操作。

显示preventDefault（）函数工作的jQuery代码： 代码#1：

                     <                               html                               >                   
                                         <                               head                               >                   
                                         <                               title                               >GEEKSFORGEEKS ARTICLE<                               title                               />                   
                                         <!-- INCLUDE THE JQUERY CDN -->                   
                                         <                               script                               src="                       https://ajax.googleapis.com/ajax/                              
                                         libs/jquery/3.3.1/jquery.min.js"></                               script                               >                   
                                         <                               script                               type                               =                               "text/javascript"                               >                   
                                         $(document).ready(function()                   
                                         {                   
                                         $("a").click(function(event)                   
                                         {                   
                                         event.preventDefault();                   
                                         alert("prevented");                   
                                         });                   
                                         });                   
                                         </                               script                               >                   
                                         </                               head                               >                   
                                         <                               body                               >                   
                                         <                               p                               >Click the link:</                               p                               >                   
                                         <                               a                               href                               =                               "                       https://www.google.com                      "                               >GOOGLE</                               a                               >                   
                                         </                               body                               >                   
                     </                               html                               >                   

输出： 它显示了如下所示的输出- 图片[1]-preventDefault（）事件方法-yiteyi-C++库 代码#2： 此代码将阻止浏览器将页面重定向到另一个PHP文件。

                     <                               html                               >                   
                                         <                               head                               >                   
                                         <                               title                               >GEEKSFORGEEKS ARTICLE<                               title                               />                   
                                         <                               script                               src="                       https://ajax.googleapis.com/ajax/                              
                                         libs/jquery/3.3.1/jquery.min.js"></                               script                               >                   
                                         <                               script                               type                               =                               "text/javascript"                               >                   
                                         $(document).ready(function()                   
                                         {                   
                                         $("#submit").click(function(event)                   
                                         {                   
                                         event.preventDefault();                   
                                         alert("ACTION IS PREVENTED");                   
                                         });                   
                                         });                   
                                         </                               script                               >                   
                                         </                               head                               >                   
                                         <                               body                               >                   
                                         <                               form                               action                               =                               "submit.php"                               >                   
                                         <                               input                               type                               =                               "text"                               placeholder                               =                               "enter username"                               >                   
                                         <                               input                               id                               =                               "submit"                               type                               =                               "submit"                               name                               =                               "submit"                               >                   
                                         </                               form                               >                   
                                         </                               body                               >                   
                     </                               html                               >                   

输出： 它显示了如下所示的输出- 图片[2]-preventDefault（）事件方法-yiteyi-C++库

文章版权归作者所有，未经允许请勿转载。

THE END

Javascript