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 将事件监听器绑定(bind)到输入。这样你的标记中就没有 js 了。

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

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

// ...

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