Fatal编程技术网
  • javascript/
  • Javascript “event.preventDefault（）”将阻止的“浏览器默认行为”示例有哪些？

Javascript “event.preventDefault（）”将阻止的“浏览器默认行为”示例有哪些？

javascript jquery

Javascript “event.preventDefault（）”将阻止的“浏览器默认行为”示例有哪些？,javascript,jquery,dom-events,Javascript,Jquery,Dom Events,我非常理解event.preventDefault（）将阻止浏览器上事件触发的任何默认行为，但是这个定义对我来说太宽泛了，例如，浏览器上的那些事件默认行为是什么？因为开发人员使用event.preventDefault（）是很常见的，但是我仍然不明白他们想要阻止什么样的行为。如果你点击一个链接，比如http://example.com，浏览器的默认行为是将您带到http://example.com 如果在单击处理程序中preventDefault，浏览器将不再更改窗口位置 document.q

我非常理解
event.preventDefault（）
将阻止浏览器上事件触发的任何默认行为，但是这个定义对我来说太宽泛了，例如，浏览器上的那些事件默认行为是什么？因为开发人员使用
event.preventDefault（）
是很常见的，但是我仍然不明白他们想要阻止什么样的行为。

如果你点击一个链接，比如
http://example.com
，浏览器的默认行为是将您带到
http://example.com

如果在单击处理程序中
preventDefault
，浏览器将不再更改窗口位置

document.querySelector（'.prevent default'）。addEventListener（'click'，函数（e）{
e、 预防默认值（）；
}，假）

如果您单击链接，如to
http://example.com
，浏览器的默认行为是将您带到
http://example.com

如果在单击处理程序中
preventDefault
，浏览器将不再更改窗口位置



document.querySelector（'.prevent default'）。addEventListener（'click'，函数（e）{
e、 预防默认值（）；
}，假）

一个简单的例子是
单击事件。假设你有一个标签，比如


<a href="/my-sub-page.html" class='ajax-link'>



另一个例子是表单提交。与上面类似，您可以防止表单提交的默认行为，并使用ajax从post请求中获取结果，而无需加载页面。
一个简单的示例是
单击
事件。假设你有一个标签，比如


<a href="/my-sub-page.html" class='ajax-link'>



另一个例子是表单提交。与上面类似，您可以防止表单提交的默认行为，并使用ajax从post请求中获取结果，而无需加载页面。
event.preventDefault（）方法停止元素的默认操作

例如：


    

  • 阻止提交按钮提交表单
    • 

  • 阻止链接跟随URL
    • 



使用event.isDefaultPrevented（）方法检查是否为事件调用了preventDefault（）方法。
event.preventDefault（）方法停止元素的默认操作

例如：


    

  • 阻止提交按钮提交表单
    • 

  • 阻止链接跟随URL
    • 



使用event.isDefaultPrevented（）方法检查是否为事件调用了preventDefault（）方法。
有许多默认浏览器操作：


    

  • mousedown
    –开始选择（移动鼠标进行选择）
    • 

  • 单击
    上的
    -打开页面
    • 

  • 在
    上单击
    –检查/取消选中输入
    • 

  • submit
    –单击表单字段中的
    或按Enter键会导致此事件发生，浏览器会在事件发生后提交表单
    • 

  • keydown
    –按键可能导致在字段中添加字符或执行其他操作
    • 

  • 上下文菜单
    –事件发生在右键单击上，操作是显示浏览器上下文菜单。
等等
    • 

      有许多默认浏览器操作：
      

        

      • mousedown
        –开始选择（移动鼠标进行选择）
        • 

      • 单击
        上的
        -打开页面
        • 

      • 在
        上单击
        –检查/取消选中输入
        • 

      • submit
        –单击表单字段中的
        或按Enter键会导致此事件发生，浏览器会在事件发生后提交表单
        • 

      • keydown
        –按键可能导致在字段中添加字符或执行其他操作
        • 

      • 上下文菜单
        –事件发生在右键单击上，操作是显示浏览器上下文菜单。
等等
        • 

      例如，如果要构建拖放文件上载应用程序，则需要停止浏览器打开用户已放入应用程序的文件；例如，如果要构建拖放文件上载应用程序，则需要停止浏览器打开用户已放入应用程序的文件，并且