如何将JavaScript语句传递给函数？_Javascript_Html

如何将JavaScript语句传递给函数？

javascript html

如何将JavaScript语句传递给函数？,javascript,html,Javascript,Html,我试图将完整的JavaScript语句传递给函数，以防止再次键入相同的代码。我正在使用一个变量，但这段代码似乎不起作用。下面给出了HTML输入 vare2； e2=document.getElementById（“num2”）； e2.添加事件列表器（'blur'，checko（e2））；函数checko（k）{ 警报（“嘿，您输入了-”+k.value） } 将事件更改为Change，并使用此.value作为参数，请参见代码段。change的行为是它有三个明显的特征： event.targ

我试图将完整的JavaScript语句传递给函数，以防止再次键入相同的代码。我正在使用一个变量，但这段代码似乎不起作用。下面给出了HTML输入

vare2；
e2=document.getElementById（“num2”）；
e2.添加事件列表器（'blur'，checko（e2））；
函数checko（k）{
警报（“嘿，您输入了-”+k.value）
}

将事件更改为

Change

，并使用

此.value

作为参数，请参见代码段。

change

的行为是它有三个明显的特征：

event.target

需要是表单输入（也包括

textarea

）。✔

它需要用户输入。✔

当

事件。目标

失去

焦点

（也称为模糊）时，它将触发。✔ 一小条

var e2=document.getElementById（“num2”）
e2.addEventListener（'change'，函数（e）{
checko（这个值）；
}，假）；
函数checko（k）{
警报（“嘿，你已经输入了-”+k）；
}

我试图将完整的JavaScript语句传递给函数

似乎您正在尝试传递

e2

的值，该值是DOM元素的

id

此外，

checko（e2）

将在事件连接到DOM后立即执行该函数

相反，您需要委派事件

除此之外，您还可以使用对象来查找执行事件的目标

这个片段可能很有用

var e2;
e2 = document.getElementById("num2");
e2.addEventListener('blur', checko);

function checko(event){
   alert("Hey you have entered - "+event.target.value)
}

使用

addEventListener时可以直接传递参数

可以使用

function（）{yourfunction（args）；}


输入您的姓氏：
输入您的fnmae：
离开输入字段时，将触发一个函数，将输入文本转换为大写
var firstname=document.getElementById（'firstname'）；
firstname.addEventListener（'blur'，function（）{
myFunction（名字）
});
var lastname=document.getElementById（'lastname'）；
lastname.addEventListener（'blur'，function（）{
myFunction（姓氏）
});
函数myFunction（k）{
警报（“嘿，您输入了-”+k.value）
}

函数checko（）{
var e2=document.getElementById（“num2”）.value；
警报（“嘿，你已经输入了-”+e2）；
}

更好的复制目标：

var e2;
e2 = document.getElementById("num2");
e2.addEventListener('blur', function () { 
 checko(e2) 
});

function checko(k) {
alert("Hey you have entered - " + k.value)
}

<!DOCTYPE html>
<html>
<body>


Enter your lastname: <input type="text" id="firstname" >
Enter your fnmae : <input type="text" id="lastname">

<p>When you leave the input field, a function is triggered which transforms the input text to upper case.</p>

<script>

var firstname = document.getElementById('firstname');
firstname.addEventListener('blur', function() {
myFunction(firstname)   
});

var lastname = document.getElementById('lastname');
lastname.addEventListener('blur', function() {
myFunction(lastname)   
});

function myFunction(k){
   alert("Hey you have entered - "+k.value)
  }

</script>

</body>
</html>