텍스트 상자를 두 번 클릭하면 onblur running이 중단됩니까?

Question

사용자가 계정 코드를 입력 할 수있는 텍스트 상자가 있습니다. 이 텍스트 상자에는 onblur 함수가있어 계정 코드에서 일부 유효성 검사를 실행할 수 있습니다. 텍스트 상자에는 사용자가 텍스트 상자를 두 번 클릭하는 기능도 있습니다. 그러면 계정 코드에 대한 정보를 보여주는 화면이 열립니다.

<asp:TextBox runat="server" ID="txtAccountCode" CssClass="lookup" MaxLength="8" style="text-transform:uppercase" ondblclick="OpenCust(this.value)" onblur="CheckIfAccountCodeValid(this.value)"></asp:TextBox> 

문제는 때마다 그것은 또한 onblur 실행 텍스트 상자에서 사용자를 두 번 클릭합니다. ondblclick을 호출 할 때 onblur 실행을 중단 할 수있는 방법이 있습니까?

Answer 1

OpenCust 함수에서 onBlur 이벤트 리스너를 제거하면됩니다. 바닐라 JS에서이 같은

뭔가 :

document.getElementById('txtAccountCode').removeEventListener('ondblclick', CheckIfAccountCodeValid); 

Answer 2

문제는 브라우저가 이벤트를 발생 순서입니다. onblur은 onmousedown 이후, 그러나 ondblclick 전에 트리거됩니다.

당신의`OpenCust (this.value)에서

<asp:TextBox runat="server" ID="txtAccountCode" CssClass="lookup" MaxLength="8" style="text-transform:uppercase" ondblclick="OpenCustIfValid(this.value)"></asp:TextBox> 

function OpenCustIfValid(value) { 
    if (CheckIfAccountCodeValid(value)) { 
     OpenCust(value); 
    } 
}