티스토리 뷰
프로그래밍/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
- Collection
- 리눅스 명령어
- Java
- 개발환경
- 이직
- effective java
- 자바스크립트
- 리액트
- 자바
- 프로그래머스
- 성능분석
- 회고
- Maven
- Linux 명령어
- React
- 오라클
- sort algorithm
- Tomcat
- spring
- SQL
- 리액트 16
- 정렬 알고리즘
- 경력관리
- 프로그래머
- 제주도 여행
- Eclipse
- 오라클 내장 함수
- 소프트웨어공학
- 제주도 3박4일 일정
- javascript
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
글 보관함