javascript - 在同一个标​​签内有 2x onClick

Question

这可能与“事件冒泡”有关，但我怎样才能在同一个标​​签中有 2 个 onClick 事件（1 个展开 img 和 1 个返回原始大小）？

例如

<img class="a1" width="140" height="140" onClick="this.width=420;this.height=560;" onClick="this.width=140;this.height=140;" />

因为现在是第二个 onClick 不起作用。

提前致谢！

Answer 1

不是javascript，但你会明白的

onclick(){
    isClicked ^= true

    if(isClicked){
        //do something
    }
    else{
        //do something else
    }
}

Answer 2

你不能对同一个标签有两个相同的属性，但你可以用这种方式做你想做的事（未经测试...... =D）：

JS

window.addEventListener("load", function(){
  var img = document.getElementById("your_img");
  img.onclick = function(){
    var size = this.getAttribute("data-size");
    if(size === "big"){
      this.style.width = "140px";
      this.style.height = "140px";
      this.setAttribute("data-size", "small");
    } else {
      this.style.width = "560px";
      this.style.height = "420px";
      this.setAttribute("data-size", "big");
    }
  }
});

HTML

<img id="your_img" src="anything.png" />

CSS

#your_img{
  height:140px;
  width:140px;
}