表单onsubmit内嵌javascript

Question

我正在尝试在表单上放入内联onsubmit脚本，但是它不起作用：

<!DOCTYPE html>
<html>
  <head></head>
  <body>
    <form onsubmit="(function(event){console.log(event); return false;})(this);">
      <button type="submit">Submit</button>
    </form>
  </body>
</html>

函数的参数是事件还是表单元素？

Answer 1

在内联Javascript中， this始终是元素本身。 event是内联Java脚本的局部变量，因此您可以编写：

<form onsubmit="return (function(event){console.log(event); return false;})(event);">

由于您使用的是IIFE，因此它的return语句从函数而不是事件处理程序中返回。 您需要返回IIFE返回的内容。

我不确定为什么要使用IIFE，您可以这样写：

<form onsubmit="console.log(event); return false;">

表单onsubmit内嵌javascript

问题描述

1 个解决方案

解决方案1
5 已采纳 2016-02-22 23:05:23

表单onsubmit内嵌javascript

问题描述

1 个解决方案

解决方案1 5 已采纳 2016-02-22 23:05:23

解决方案1
5 已采纳 2016-02-22 23:05:23