Kyl*_*ner 8 javascript click addeventlistener
我正在创建一个脚本,每次按下按钮时都会创建div元素.最初我有一个名为内联onclick属性的函数,但jslint不喜欢这样,所以我把它移出来,而是尝试使用addEventListener("click",function());
我以前从未使用addEventListener()过,所以我甚至不确定我是否正确使用它.
问题是它div在页面加载时创建一个,并且在按下按钮时不会执行任何操作.
先感谢您.
这就是我所拥有的:
<body>
<form>
<textarea id="a"></textarea>
<br>
<input value="button" type="button">
</form>
<div id="content">
</div>
<script>
/*jslint browser:true */
function createEntry(text) {
"use strict";
var div = document.createElement("div");
div.setAttribute("class", "test");
document.getElementById("content").appendChild(div);
}
var input = document.getElementsByTagName("input")[0];
input.addEventListener("click", createEntry(document.getElementById('a').value));
</script>
los*_*rce 11
像这样更改事件监听器
input.addEventListener("click", function(){
createEntry(document.getElementById('a').value);
});
就目前而言,您将结果createEntry作为事件监听器传递,而不是函数本身
更多信息:
https://developer.mozilla.org/en/docs/DOM/element.addEventListener
改变这一行
input.addEventListener("click", createEntry(document.getElementById('a').value));
成
input.addEventListener("click", function(){
createEntry(document.getElementById('a').value);
});
| 归档时间： |
|
| 查看次数： |
15932 次 |
| 最近记录： |