单击内部图像上的事件触发

Question

我在点击事件中遇到一个小问题。我有一个div，两个图像标签在那里我点击一个图像，它也发射内部图像。 这是代码。 HTML代码

<div id="mainContent">
 //some other code goes here..
 <img id="playId_1" src="img/new/startImgs/menuImgs/play-btn1.png"
style="z-index: 2; display: none; position: fixed;" />
  <img id="levelBg" src="img/new/startImgs/menuImgs/levelBg.png"
style="z-index: 1; display: none; position: fixed;">
 //some other code goes here..
</div>

Javascript Code here ..

$('#playId_1').on('touchstart', function(e) {
  startGame();
  e.stopImmediatePropagation();
});

$('#levelBg').on('click', function (e) {
           alert("clicked");
 });

当我点击播放按钮时，它也会触发levelBg事件（在执行startGame后显示点击的警告（0方法） 请有人帮我解决这个问题

Answer 1

将 touchstart 更改为点击或反之。