Question

对于我的学校项目，我和我的小组正在制作一个网络应用程序，用于在丹麦某个地区进行导航，名为＆＃34; Brandts＆＃34;因此制作了带有硬编码引脚的地图。因此，当您点击一个销钉时，它会打开所需的商店（一个销钉有一个指定的商店）。

我的想法是为每个onclick制作div，但这就是麻烦开始的地方。我无法再进一步了。下面链接了HTML和JavaScript。

HTML：

<body>
  <div class="map">
      <img src="img/map.png" alt="kort over brandts klædefabrik området" />
      <div id="myBtn" class="cuckoosBox"></div>
    </div>
</body>

JavaScript的：

var modal = document.getElementById("myModal");

var btn = document.getElementById("myBtn");
var span = document.getElementsByClassName("close")[0];
btn.onclick = function() {
  modal.style.display = "block";
}
span.onclick = function() {
  modal.style.display = "none";
}

Answer 1

您是否考虑过使用（this）关键字？

关键字可能对您有所帮助，因为它会识别您正在点击的内容，之后您仍然可以通过您的onclick功能。

应该是

(this.btn).onclick = function () { Code here };

//或

(this.div).onclick = function( ) { };

详细了解＆＃34;这个＆＃34;关键字在这里工作

http://javascriptissexy.com/understand-javascripts-this-with-clarity-and-master-it/

学校项目 - 带引脚和onclick事件的IMG

1 个答案: