CATEGORIES
자바스크립트의 태그에 contentEditable 어트리뷰트를 적용할 경우 해당 태그 내부에 텍스트 입력 또는 엘리먼트 추가 등등 다양한 조작이 가능합니다. 이때 만약 엘리먼트 안에서 엔터키를 입력할 경우 입력된 내용이 div 태그와 함께 추가되죠.# 엔터 키 입력시 div를 p로 변경하기즉 contentEditable이 사용된 엘리먼트 내부에서 엔터를 입력하면 자동으로 div 태그가 입력된 영역에 랩핑되어 적용됩니다. 실제 코드를 보면 아래와 같이 적용되죠.<div> <br></div>...만약 기본값으로 사용되는 태그를 div가 아닌 p가 사용될 수 있을까요? 네~ 가능합니다. 가장 간단한 방법은 아래처럼 document.execCommand()를 사용하는 방법입니다.document.execComman
Last Modified : 2020-11-19 16:13:49크로스브라우징 관련 내용입니다. 특정 텍스트를 클립보드에 복사하는 경우 IE 및 Edge에서 스크롤이 하단으로 이동하는 문제가 발생합니다. 어떻게 해결하는지 아래에서 확인해보세요.! 해결방법해결방법은 클립보드를 위해 생성한 임시 태그 input 또는 textarea에 fixed 스타일을 추가하는 것입니다. 해당 이슈는 스크롤이 생기면서 발생하게 되는데 fixed 스타일값이 스크롤에 영향을 주지 않게합니다.아래 코드를 봐주세요.var copyText= 'webisfree.com'; var clipboardEle = document.createElement('textarea');clipboardEle .style.position = 'fixed';// fixed 스타일을 줄 것clipboardEle .va
Last Modified : 2020-02-13 10:51:13