«contenteditable» 태그된 질문

사용자가 divwith contenteditable속성 의 내용을 편집 할 때 함수를 실행하고 싶습니다 . onchange이벤트 와 동등한 것은 무엇입니까 ? jQuery를 사용하고 있으므로 jQuery를 사용하는 솔루션이 선호됩니다. 감사!

359 javascript  jquery  html  contenteditable 

이 간단한 HTML을 예로 들어 보겠습니다. <div id="editable" contenteditable="true"> text text text<br> text text text<br> text text text<br> </div> <button id="button">focus</button> 간단한 것을 원합니다. 버튼을 클릭하면 캐럿 (커서)을 편집 가능한 div의 특정 위치에 배치하고 싶습니다. 웹 검색에서 버튼 클릭 에이 JS가 첨부되었지만 작동하지 않습니다 (FF, Chrome). var range = document.createRange(); …

190 javascript  jquery  contenteditable  caret  cursor-position 

contentEditable = 'on'<div>가 포커스를 다시 얻었을 때 커서 / 캐럿 위치를 마지막으로 알려진 위치로 설정하는 결정적인 크로스 브라우저 솔루션을 따릅니다. 내용 편집 가능한 div의 기본 기능은 캐럿 / 커서를 클릭 할 때마다 캐럿 / 커서를 div의 텍스트 시작 부분으로 옮기는 것이므로 바람직하지 않습니다. 그들이 div의 초점을 떠날 때 현재 커서 …

142 javascript  jquery  html  contenteditable  cursor-position 

나는 contenteditable요소를 가지고 있으며 , 물건을 입력하고 칠 때마다 ENTER새로운 것을 만들고 <div>새로운 줄 텍스트를 거기에 넣 습니다. 나는 이것을 조금 좋아하지 않습니다. 이 문제가 발생하는 것을 막을 수 <br>있습니까? 아니면 적어도 ? 데모는 http://jsfiddle.net/jDvau/입니다. 참고 : 이것은 firefox의 문제가 아닙니다.

131 javascript  jquery  google-chrome  html  contenteditable 

contentEditable기반 제어에 대한 변경 이벤트를 수신하려면 어떻게합니까 ? var Number = React.createClass({ render: function() { return <div> <span contentEditable={true} onChange={this.onChange}> {this.state.value} </span> = {this.state.value} </div>; }, onChange: function(v) { // Doesn't fire :( console.log('changed', v); }, getInitialState: function() { return {value: '123'} } }); React.renderComponent(<Number />, document.body); http://jsfiddle.net/NV/kb3gN/1621/

120 javascript  dom  contenteditable  reactjs 

contentEditable요소 에서 커서 또는 캐럿 인덱스 위치를 설정하는 방법에 대한 좋은 크로스 브라우저 답변을 많이 찾았 지만 인덱스를 가져 오거나 찾는 방법에 대해서는 없습니다. 내가하고 싶은 것은이 div 내에서 캐럿의 인덱스를 아는 것입니다 keyup. 따라서 사용자가 텍스트를 입력 할 때 contentEditable요소 내에서 커서의 인덱스를 언제든지 알 수 있습니다 . 편집 …

119 javascript  contenteditable  caret  cursor-position 

JavaScript에서는 input또는 textarea요소의 텍스트를 프로그래밍 방식으로 선택할 수 있습니다 . 로 입력에 초점을 맞춘 ipt.focus()다음로 해당 내용을 선택할 수 있습니다 ipt.select(). 을 사용하여 특정 범위를 선택할 수도 있습니다 ipt.setSelectionRange(from,to). 내 질문은 : contenteditable요소에서도 이것을 수행하는 방법이 있습니까? elem.focus()캐럿을 contenteditable요소 에 넣을 수 있지만 나중에 실행하면 작동 elem.select()하지 않는다는 것을 알았 …

119 javascript  selection  contenteditable 

Chrome 에서 출력 : <div id="content" contenteditable="true" style="border:1px solid #000;width:500px;height:40px;"> hey <div>what's up?</div> <div> <button id="insert_caret"></button> 나는 FF 가 다음과 같이 보일 것이라고 믿습니다 . hey <br /> what's up? 그리고 IE에서 : hey <p>what's up?</p> 불행히도 모든 브라우저 <br />가 div 또는 p-tag 대신 a 를 삽입하도록 만드는 좋은 …

111 javascript  html  cross-browser  contenteditable  caret 

pre 요소를 contenteditable로 설정하고 편집을 위해 포커스를두면 그 주위에별로 좋지 않은 점선 테두리가 나타납니다. 초점이 다른 곳에있을 때 테두리가 없습니다. 그 테두리를 어떻게 제거합니까? 감사

96 javascript  jquery  contenteditable 

캐럿을 contenteditableGmail 노트 위젯처럼 노드 끝으로 이동해야합니다 . StackOverflow에서 스레드를 읽었지만 해당 솔루션은 입력 사용을 기반으로하며 contenteditable요소 와 함께 작동하지 않습니다 .

87 javascript  contenteditable  cursor-position