javascript - 通过 JavaScript 在图像点击上创建 URL

Question

我试图在单击图像时调用 Javascript 函数，然后将用户发送到带有附加 URL 值的新页面。

我有一个 JavaScript 函数，可以保存隐藏文本框的值。

<script type="text/JavaScript">
    function saveMultiSelection() {
    document.getElementById
    ('degStudLevComma').value = $("#degStudLev").
    multipleSelect('getSelects');
};
</script>

当我通过标准输入按钮调用该函数时，JavaScript 工作得很好。当我尝试通过图像调用该函数时，不会调用 JavaScript。

<a href=testurl&_action=execute
%nrstr(&degStudLev=)&degStudLev
target=_blank onclick='saveMultiSelection()'><img 
src='testimage.png'/></a>

Answer 1

如果您将点击事件监听器绑定(bind)到图像，如下所示:

<img id="foo" src='testimage.png'/>

  document.getElementById('foo').addEventListener('click', function (e) {
     //here you can do anything you like 
     saveMultiSelection();
     window.location = 'http://www.something.com';
  });

有效果吗？