Question

我想在缩略图数组中添加JavaScript功能，以便在点击时图像会扩展，而不是在当前窗口中打开。我想在onclick属性中有一个函数，但我认为这不起作用：

<script type='text/javascript'>
 function expand(){
  this.height = 200;
  this.width = 200;
 }
</script>

<a href='/image_1.jpg' onclick='expand()'>
 <img src='/image_1.jpg'>
</a>

如果未启用JavaScript，我希望该链接有效。知道怎么做这个吗？谢谢你的时间:)）

Answer 1

您必须将this作为变量添加到函数中，例如ths

<script type='text/javascript'>
 function expand(ths){
    $(ths).find('img').height('200');
    $(ths).find('img').width('200');
  return false;
 }
</script>

<a href='/image_1.jpg' onclick='expand(this)'>
 <img src='/image_1.jpg'>
</a>

return false说Prusse。

**更新** 如果要调整图像大小，则必须调用图像而不是链接。

Answer 2

不要使用onclick处理程序：

相反：

var elem = document.getElementById("the-id-of-a");
elem.addEventListener('click', function(e) { /* handle event */ e.preventDefault(); return false; });

请参阅：https://developer.mozilla.org/en-US/docs/Web/API/EventTarget.addEventListener

Answer 3

只需让onclick处理程序返回false即可。使用内联处理程序，例如：

<a href='/image_1.jpg' onclick='expand(); return false;'>

优雅升级锚元素

3 个答案: