콘텐츠 키 요소에 트리거 이벤트 keyDown (테스트 + 반응 + 농담 + 효소)

반응 앱을 테스트하기 위해 효소 + 테스트를 사용하고 있습니다. contetnteditable 스팬 요소에서 onKeyDown 이벤트를 트리거 할 수 있습니까? 콘텐츠 키 요소에 트리거 이벤트 keyDown (테스트 + 반응 + 농담 + 효소)

<span id = 'name' contenteditable = 'true'> Editable text </span>

내가 시도 :

result.find('#name').simulate('keyDown', { key: 'm', keyCode: 77, which: 77 });,

했지만 작동하지 않았다. 요소 내용은 변경되지 않았습니다.

요소 코드 : '<= '이름'스팬 ID의 contentEditable = '진정한'> 편집 가능한 텍스트 ' –

당신은'span'에는 클릭 핸들러가 없습니다. 당신은 무엇을 기대합니까, 무엇이 바뀌어야합니까? –

모든 주요 브라우저는 contentEditable 요소에 초점을 맞추기 위해 onClick 처리기가 필요하지 않습니다. 사용자가 contentEditable 요소에 텍스트를 입력 할 때처럼 keyDown 이벤트를 트리거하고 싶습니다. –

이것은 효소가 작동하는 방식이 아닙니다. 반응 적으로 추가 된 이벤트 만 시뮬레이션 할 수 있습니다. 워드 프로세서 이름이 실제 이벤트를 시뮬레이션을 암시에도 불구하고

에서 .simulate()는 실제로 당신이 그것을주는 이벤트에 따라 구성 요소의 소품을 대상으로합니다. 예를 들어 .simulate ('click')은 실제로 onClick 소품을 가져 와서 호출합니다.

2017-05-03 15:30:44

답변