javascript - 将 onClick 添加到 javascript 函数

Question

我有一个 javascript 函数，可以在单击按钮时添加表格行。

添加行时，在它使用的其中一个单元格中:

var linkCell = row.insertCell(1);
var elLink = document.createElement('a');
var href='http://www.domain.co.uk/';
elLink.href = href;
elLink.innerHTML = 'Choose Product '+i;
linkCell.appendChild(elLink);

向每一行添加 HTML a href，但我希望能够使用 onClick 而不是 href

我试过:

var linkCell = row.insertCell(1);
var elLink = document.createElement('a');
var href='javascript:void(0);';
var onClick=window.open('/admin/chooseproduct.php?c='+i,'Popup','width=550,height=500,left=150,top=200,toolbar=1,status=1,');
elLink.href = href;
elLink.innerHTML = 'Choose Product '+i;
linkCell.appendChild(elLink);

但这并没有按预期打开弹出窗口 - 我该怎么做？

Answer 1

两个问题:

首先，您并不是每次都对元素应用 onclick 方法:您只是将它定义为一个变量。

var onClick = ...     // won't work
elLink.onclick = ...  // will work

其次，您没有使用正在编写的代码创建 onclick 处理程序。 onClick = window.open(...) 不会说“单击元素时打开一个窗口”。相反，它表示“立即打开一个窗口，并将 onClick 设置为对该窗口的引用”。

您需要创建一个新函数。该函数将被指定为事件处理程序，并且仅在单击链接时执行。它自己会调用 window.open。

elLink.onclick = function() {
    window.open('/admin/chooseproduct.php?c='+i,'Popup','width=550,height=500,left=150,top=200,toolbar=1,status=1,');
};