Bootstrap modal 혹은 Bootstrap Vue modal 에서 키보드 핸들링이 안될 때

안녕하세요 coconut 입니다~

이번에는 웹페이지에서 흔하게 사용하는 modal 내에서 가끔 쓰일 수 있는 이벤트인 Ctrl + C 와 같은 키보드 핸들링을

가능하게 해주는 옵션을 알아보겠습니다.


저는 당연하다고 생각했던 modal 내에서 클립보드 복사가 안되는 문제를 발견했습니다.

답답해서 여러가지 키워드로 구글링을 하다가 원인을 겨우겨우 발견하게 되었습니다.

 

modal이 create 되면 modal 창이 유지되도록 강제로 포커싱하는 이유였습니다.

$.fn.modal.Constructor.prototype._enforceFocus = function() {};

bootstrap4 기준 이 코드로 해결을 해줄 수 있습니다.

 

bootstrap vue  기준으로는 b-modal 생성 시에 no-enforce-focus 옵션을 넣으면 해결이 되는 문제입니다.

 

여기서 핵심은 사용하는 프레임워크 혹은 언어에서 강제 포커싱을 해제해주면 됩니다.

즐거운 코딩하시기 바랍니다~

The post Bootstrap modal 혹은 Bootstrap Vue modal 에서 키보드 핸들링이 안될 때 appeared first on Coconut.

0 Comments