[英]JavaScript add Onclick Event
How can i add a onclick event to a certain td cell of a table ? 如何将onclick事件添加到表的特定td单元格?
I have a form in which i have a field where i want to display something on click: 我有一个表单,其中有一个我想在单击时显示某些内容的字段:
<input type="text" name="tip">
This is the function i am using : 这是我正在使用的功能:
function setText(day, hour){
var tipField = document.getElementsByName('tip');
tipField.value = day + " " + hour;
}
And here i am trying to add onClick event to td's(those ids are td's ids): 在这里,我试图将onClick事件添加到td的(这些ID是td的ID):
el[0] = document.getElementById('j1');
el[1] = document.getElementById('j2');
el[2] = document.getElementById('j3');
el[3] = document.getElementById('j4');
el[4] = document.getElementById('j5');
First method: 第一种方法:
el[1].onclick="setText('Monday', '10:00')";
Second method: 第二种方法:
el.addEventListener("click", function(){
setText('Joi','09:00');
});
But none seems to work. 但似乎没有任何作用。
You can use AddEventListener("EVENT",FUNCTION_NAME)
for dynamically add listener. 您可以使用
AddEventListener("EVENT",FUNCTION_NAME)
动态添加侦听器。 Here we add CLICK for all <tr>
of table 在这里,我们为表的所有
<tr>
添加CLICK
var table = document.getElementById("our_table"); console.log(table); function DOIT(){ console.log("TR Clicked"); } for(i=0;i<=table.childElementCount;i++){ table.rows[i].addEventListener("click",DOIT); }
<table id="our_table"> <tr><td>Name</td><td>Family</td> </tr> <tr><td>First Name</td><td>Last Name</td> </tr> </table>
open console for see result. 打开控制台以查看结果。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.