Vue: 이벤트 디스패치가 순서대로 되지 않습니까?

에 만든 2016년 07월 29일 · 3코멘트 · 출처: vuejs/vue

Vue.js 버전

1.0.26

재생산 링크

http://codepen.io/anon/pen/akjNbW

재현 단계

입력을 클릭하십시오
버튼을 눌러보십시오
무엇을 기대합니까?

클릭 이벤트가 발생하고 계속하려면 흐림 효과가 발생합니다.

실제로 무슨 일이 일어나고 있습니까?

블러 이벤트가 호출되고 클릭 이벤트가 삭제됩니다.

이것이 Vue와 관련이 있는지 또는 브라우저가 이벤트 위임을 처리하는 방법과 관련이 있는지 전혀 모르겠습니다. Firefox, Chrome, IE 및 Edge에서 이것을 테스트했지만 모두 동일하게 동작했습니다.

어떤 단서도 높이 평가될 것입니다.
미리 감사드립니다.

출처

julianxhokaxhiu

👍4 😕3

가장 유용한 댓글

이것은 브라우저의 표준 동작입니다. 대신 mousedown 이벤트를 수신할 수 있습니다.

더 복잡한 논리를 사용하는 것이 적절한 방법입니다.

입력 블러 후 버튼이 사라지도록 잠시 둡니다.
버튼 자체에 포커스가 있으면 버튼을 강제로 표시합니다.

simplesmiler 에 2016년 07월 29일

👍2 ❤1

모든 3 댓글

흥미로운 질문입니다.
클릭 관련 키다운은 클릭 이벤트가 발생하기 전에도 입력에서 흐림을 유발한다고 생각합니다.

교활한.

dottorblaster 에 2016년 07월 29일

이것은 브라우저의 표준 동작입니다. 대신 mousedown 이벤트를 수신할 수 있습니다.

더 복잡한 논리를 사용하는 것이 적절한 방법입니다.

입력 블러 후 버튼이 사라지도록 잠시 둡니다.
버튼 자체에 포커스가 있으면 버튼을 강제로 표시합니다.

simplesmiler 에 2016년 07월 29일

👍2 ❤1

mousedown 이벤트면 충분하다고 생각합니다 @simplesmiler 정말 감사합니다!

julianxhokaxhiu 에 2016년 07월 29일

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

관련 문제

배열 모델이 있는 체크박스

robertleeplummerjr · 3코멘트

소품 유효성 검사, 배열 및 개체 해시 구문 혼합

fergaldoyle · 3코멘트

브라우저에 따라 클릭 이벤트 전후에 데이터를 업데이트하는 Vue

loki0609 · 3코멘트

v-model 지시문 on

bdedardel · 3코멘트

메소드 섹션에 es6 클래스 로직을 추가하는 방법은 무엇입니까?

6pm · 3코멘트