티스토리 뷰
프로그래밍/Front end
[Front end] contenteditable change event scroll controll
Reference M1 2020. 8. 8. 00:39
let previousLineNum = 0;
$(document).on('blur keyup paste input click', '[contenteditable]', function(e) {
const selection = window.getSelection();
if (null != selection.anchorNode) {
const range = selection.getRangeAt(0);
const lineNum = range.startOffset;
if (13 === e.keyCode && previousLineNum < lineNum) {
const scrollHeight = $(this).get(0).scrollHeight;
$(this).scrollTop(scrollHeight);
previousLineNum = lineNum;
}
}
});
'프로그래밍 > Front end' 카테고리의 다른 글
[Front end] JavaScript 공통 Ajax Call (0) | 2020.08.30 |
---|---|
[Front end] range slider click event block (0) | 2020.08.10 |
[Front end] React setTimeout 안에서 state 또는 function (0) | 2020.03.15 |
[Front end] React The href attribute requires a valid value to be accessible. Provide a valid, navigable address as the href value. (0) | 2020.03.08 |
[Front end] JavaScript 이터레이블(iterable) for in, for of (0) | 2020.02.28 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
링크
TAG
- 자바스크립트
- 프로그래머
- Linux 명령어
- sort algorithm
- 리액트 16
- 개발환경
- Collection
- 자바
- 정렬 알고리즘
- 오라클 내장 함수
- React
- javascript
- 성능분석
- 리눅스 명령어
- Maven
- 오라클
- effective java
- SQL
- 소프트웨어공학
- 리액트
- 제주도 3박4일 일정
- spring
- 프로그래머스
- Eclipse
- 이직
- 경력관리
- 회고
- 제주도 여행
- Java
- Tomcat
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
글 보관함