중첩 클릭 이벤트가 필요에 따라 작동하지 않습니다.

Question

아래의 간소화 된 HTML 코드에는 2 개의 중첩 클릭 이벤트 (href 및 입력)가 포함되어 있습니다. 사용자가 입력 필드를 클릭하면 href에 링크 된 SelectTable() 자바 스크립트 함수도 트리거됩니다. 이는 목적이 아닙니다. 이것을 피하는 방법?

미리 도움을 주셔서 감사합니다.

코드 :

<a href="javascript:SelectTable();"> 
<table id="tableproduct1" class="notselectedElement"> 
    <tr> 
     <td> Number of elements: <input type="text" name="nrofelements"> </td> 
    </tr> 
</table> 
</a> 

Answer 1

봅니다 eventListener를 사용하여이 작업을 수행 할 수 있습니다.

내가 게시 한 코드를 기반으로 샘플을 제공 할 수 있습니다.

var aTag = document.getElementsByTagName("a"); 
aTag .addEventListener("click", aTagFn, false); 
var iTag = document.getElementsByTagName("input"); 
iTag.addEventListener("click", inputTagFn, false); 

---

업데이트 : 내가 해결 방법을 만든 간단한 부울 변수를 사용하여 유사한 jsfiddle1, 당신이 직면하고있는 문제,

을 만들었습니다

.

isclicked = true; 

function a() { 
    if (isclicked) { 
     alert("a tag is clicked"); 
    } 
    isclicked = true; 
} 

function b() { 
    alert("input tag is clicked"); 
    isclicked = false; 
} 

확인이 JSFiddle2