问题描述
其实我正在使用 contentEditable ='true';
这个元素在div上。我用jQuery处理占位符到这个函数。 $($'$'$'$'$ $ $ $ $ $ $ $ $'$ $ $ $'$ $ $ $ $''$'$'$'$' $(bb $ b $(this).empty();
var range,sel;
if((sel = document.selection)&&& document.body.createTextRange){
range = document.body.createTextRange();
range.moveToElementText(this);
range.select();}});如果(this.hasChildNodes()&& amp;& document.createRange&&& window.getSelection($) ){
$(this).empty();
var range,sel;
range = document.createRange();
range.selectNodeContents(this) ;
sel = window.getSelection();
sel.removeAllRanges();
sel.addRange(range);
}});
`
< div contenteditable =trueid =editDiv> Placeholer< ; / DIV>
jQuery
var placeholder =占位符; //将其改为占位符文本
$(#editDiv)。focus(function(){
if($(this).text()== placeholder){
$ (this).text();
}
})。focusout(function(){
if(!$(this).text()。length){
$(this).text(占位符);
}
});
I am try to make editable div with placeholder.But i want when no text in this div than automatically placeholder set.
Actually i am using contentEditable='true';
this element On div.And i am handle placeholder with jQuery to this function. `
$('div').on('activate',
function() {
$(this).empty();
var range, sel;
if ( (sel = document.selection) && document.body.createTextRange){
range = document.body.createTextRange();
range.moveToElementText(this);
range.select();} });
$('div').focus(function() {
if (this.hasChildNodes() && document.createRange && window.getSelection) {
$(this).empty();
var range, sel;
range = document.createRange();
range.selectNodeContents(this);
sel = window.getSelection();
sel.removeAllRanges();
sel.addRange(range);
}});
`
You can do this:
<div contenteditable="true" id="editDiv">Placeholer</div>
jQuery
var placeholder = "Placeholder"; //Change this to your placeholder text
$("#editDiv").focus(function() {
if ($(this).text() == placeholder) {
$(this).text("");
}
}).focusout(function() {
if (!$(this).text().length) {
$(this).text(placeholder);
}
});
这篇关于如果可编辑div没有设置占位符的文本的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!