Question

<select/>를 div위에 배치한 후 drag나 resize하는 기능을 구현하고 있습니다.질문) select를 클릭하면 option이 화면에 표시되는데, 이거 표시 안되게 하는 방법이 궁금합니다.select의 disabled 를 설정하면 option이 화면에 표시되지 않습니다, 하지만 drag나 resize도 되지 않습니다. ㅠㅠselect의 onclick이벤트에 preventDefault(), stopPropagation()를 설정했는데도 select를 클릭하면 option이 표시되네요. ㅠㅠ고수님들한수만 가르쳐 주세요~~

bosskmk · Answer

Select 요소를 드래그 또는 리사이즈를 하려는 것인가요?제 생각엔 [Select element] [::]와 같이 별도의 드래그 인디케이터를 추가하여 이벤트를 분리하는 것이 좋을것도 같네요.mouse down 이벤트가 select 옵션을 여는 것인지 드래그를 위한 행동인지 식별하는 것이 까다로울거 같아요.

장독깨기 · Answer

click 말구요, mousedown, mouseup, mousemove 등을 조합해서 해보세요.

<select/>를 클릭해도 option 표시 안되게 하는 방법 질문합니다

2개의 답변

Q&A 목록