javascript - 事件参数及其用途

标签 javascript jquery html css

大家好,今天我有一个关于事件参数的问题。可能听起来有点菜鸟,但有几件事我想为自己澄清。

1.) (event) 参数或 (e) 是否有默认值?正如 javascript 已经在其编程中定义了这一点。

2.) 如果是这样,对于来自 jquery.com 的这段代码片段,javascript 是否理解 anchor 标记执行的事件,这就是 .preventDefault 发挥作用的地方。

3.) 我问这个显然是为了理解,但我很确定 javascript 确实有一些预定义的参数。如果不是,那么我想我回答了我自己的问题,它只是由给定的参数值定义的。

谢谢你的帮助

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>event.preventDefault demo</title>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>

<a href="http://jquery.com">default click action is prevented</a>
<div id="log"></div>

<script>
$( "a" ).click(function( event ) {
  event.preventDefault();
  $( "<div>" )
    .append( "default " + event.type + " prevented" )
    .appendTo( "#log" );
});
</script>

</body>
</html>

最佳答案

in the case of this code snippet from jQuery.com, does JavaScript understand the event that the anchor tag performs and that's where the .preventDefault comes into play.

值得首先澄清的是 anchor 标记本身并不能执行事件。 anchor 标记只是对特定用途/功能进行编码的标记……主要是让用户导航到不同 URL 的能力(由标记的 href 属性指定)。相反,是您(用户)执行了该事件。浏览器只知道在您单击时将您重定向到该 anchor 标记的 URL。

要记住的重要一点是,某些元素上的某些 Action /事件已将默认行为编码到其中。它们是默认行为。例如:

  • 单击 anchor 标记(,一个链接)会将您导航到另一个地址
  • 单击 checkboxradio 类型的 input 元素分别选中复选框或填充单选按钮
  • 右键单击许多元素会弹出上下文菜单
  • 在表单字段上按“enter”将其提交给服务器

所以,是的,您的问题指向了正确的想法。 JavaScript 理解禁用那些通常针对某些元素上的某些事件执行的默认行为(即,阻止默认操作)。

关于javascript - 事件参数及其用途,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39397817/

相关文章:

jquery - 在 jquery 中使用 overflow=hidden 获取窗口高度

html - css 响应式 div 背景图像在浏览器大小上拉伸(stretch)和缩放

ios - 为 iOS 应用程序中的 UIWebView 预填充 HTML5 离线应用程序缓存

c# - 如何使用 ASP.NET 和 jQuery 返回 JSON

javascript - js对象渲染错误

jquery - 从多个获取和设置 Cookie 以设置多个 <li> 的样式

javascript - CSS/Jquery 选择框 - 所选选项不能左对齐?

javascript - 如何在 HighCharts 中给点上色

javascript - 相当于 jQuery 的@keyframes

javascript - 对 google finance api 进行 ajax 调用时遇到问题