Fatal编程技术网
  • javascript/
  • Javascript 将单击事件动态添加到按钮

Javascript 将单击事件动态添加到按钮

javascript html css

Javascript 将单击事件动态添加到按钮,javascript,html,css,Javascript,Html,Css,我正在尝试将点击事件动态添加到按钮。问题是，在我单击按钮之前，该函数正在触发 这是我的密码 <!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript"> function start() { var p = document.getElementById("myP"); var b = document.ge

我正在尝试将点击事件动态添加到按钮。问题是，在我单击按钮之前，该函数正在触发 这是我的密码

<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript">
    function start() {
    var p = document.getElementById("myP");
    var b = document.getElementById("myB");
    b.addEventListener("click", colorIt(p) );
          }
    function colorIt(ele){
    ele.setAttribute("style", "color : red" );
          }
    window.addEventListener("load", start , false);
</script>
</head>
<body>
<button id="myB"> click me </button>
<p id ="myP"> test </p>
</body>
</html>


函数start（）{
var p=document.getElementById（“myP”）；
var b=document.getElementById（“myB”）；
b、 addEventListener（“点击”，彩色）（p））；
}
函数colorIt（ele）{
元素设置属性（“样式”，“颜色：红色”）；
}
window.addEventListener（“加载”，开始，错误）；
点击我

测试
您可以在匿名函数中调用函数：

b.addEventListener("click", function() {colorIt(p)} );

函数开始（）{
var p=document.getElementById（“myP”）；
var b=document.getElementById（“myB”）；
b、 addEventListener（“单击”，函数（）{colorIt（p）}）；
}
函数colorIt（ele）{
元素设置属性（“样式”，“颜色：红色”）；
}
window.addEventListener（“加载”，开始，错误）

点击我

测试