table 에서 더블클릭할때 텍스트가 선택되지 않도록 채택완료
table 에서 더블클릭할때
th, td 에 내용이 있는경우
text 가 선택되게 되는데
이걸 무력화 할 방법이 있을까요?
현재는 이렇게 사용중인데 먼저 선택되는것이 보기 싫네요
$('table').on('dblclick', function() {
document.getSelection().removeAllRanges();
});
Drag 에서는 내용이 선택되어야 하지만
dblclick 할때는 아예 내용이 선택되지 않으면 Best 입니다.
감사합니다
답변 1개
채택된 답변
+20 포인트
7년 전
스크립팅보다는 CSS로 처리하시는 편이 깔끔합니다.
Copy
.noselect {
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently
supported by Chrome and Opera */
}참고로 익스 9 이하에서는 작동하지 않습니다.
굳이 확실히 처리하시겠다면, 테이블 위에다가 투명한 div를 얹으시면 해결됩니다.
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
logos
7년 전
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
동작도 깔끔하게 잘 됩니다
정말 감사합니다