javascript - 将参数传递给输入字段内的 JavaScript 函数与从函数内部传递参数

Question

以下两种传递/设置变量的方式之间的优缺点是什么？

<input type="password" name="pw1" id="pw1" onkeyup="return passwordCheck(document.getElementById('pw1'), document.getElementById('pw2'))"/

function passwordCheck(first, second){...

或者

<input type="password" name="pw1" id="pw1" onkeyup="return passwordCheck()"/

function passwordCheck(){
var first = document.getElementById('pw1')
var second = document.getElementById('pw2')...

Answer 1

它使您的 html 标记更易于阅读（以及您的 js 代码）。它（更多）将您的代码与您的标记分离。更好的方法是通过定位 id 将事件侦听器绑定到输入。这样你的标记中就没有 js。

编辑以回应评论：我指的是第二个示例（调用函数）更好，但总的来说最好进行事件绑定。有多种方法可以做到这一点，这里是一个例子：

<input type="password" name="pw1" id="pw1"/>

// ...

document.getElementByID('pw1').onkeyup = function() { 
  // do stuff
}