|
@@ -50,7 +50,7 @@ class EditableSpan extends Component{
|
|
return ;
|
|
return ;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- let text = e.target.innerText;
|
|
|
|
|
|
+ let text = e.target.innerText || e.target.innerHTML;
|
|
setFocusIndex&&setFocusIndex({i,boxMark,dom:this.$span});
|
|
setFocusIndex&&setFocusIndex({i,boxMark,dom:this.$span});
|
|
this.setState({
|
|
this.setState({
|
|
labelVal:text,
|
|
labelVal:text,
|
|
@@ -62,7 +62,7 @@ class EditableSpan extends Component{
|
|
e.stopPropagation();
|
|
e.stopPropagation();
|
|
const {handleChange,boxMark,i,handleSearch,value,mainSaveText,mainIds,handleClear} = this.props;
|
|
const {handleChange,boxMark,i,handleSearch,value,mainSaveText,mainIds,handleClear} = this.props;
|
|
const {labelVal,searchPre} = this.state;
|
|
const {labelVal,searchPre} = this.state;
|
|
- const text1 =e.target.innerText? e.target.innerText : e.target.innerHTML;
|
|
|
|
|
|
+ const text1 = e.target.innerText || e.target.innerHTML;
|
|
let mainText = filterDataArr(mainSaveText);//主诉字数
|
|
let mainText = filterDataArr(mainSaveText);//主诉字数
|
|
if(+boxMark==1){
|
|
if(+boxMark==1){
|
|
if(mainText.length >= config.limited){
|
|
if(mainText.length >= config.limited){
|
|
@@ -90,7 +90,7 @@ class EditableSpan extends Component{
|
|
//延迟搜索
|
|
//延迟搜索
|
|
clearTimeout(this.state.timer);
|
|
clearTimeout(this.state.timer);
|
|
const timer = setTimeout(function(){
|
|
const timer = setTimeout(function(){
|
|
- let newText = e.target.innerText;
|
|
|
|
|
|
+ let newText = e.target.innerText || e.target.innerHTML;
|
|
let temp = '',isEnd=false;
|
|
let temp = '',isEnd=false;
|
|
let search='';
|
|
let search='';
|
|
clearTimeout(that.state.timer);
|
|
clearTimeout(that.state.timer);
|
|
@@ -173,10 +173,14 @@ class EditableSpan extends Component{
|
|
const {preVal,index} = this.state;
|
|
const {preVal,index} = this.state;
|
|
const ev = e||window.event;
|
|
const ev = e||window.event;
|
|
const target = ev.target||ev.srcElement;
|
|
const target = ev.target||ev.srcElement;
|
|
- let innerVal = target.innerText? target.innerText : target.innerHTML;
|
|
|
|
|
|
+ let innerVal = target.innerText || target.innerHTML;
|
|
if(ev.keyCode==8){
|
|
if(ev.keyCode==8){
|
|
const elem = ev.srcElement || ev.currentTarget;
|
|
const elem = ev.srcElement || ev.currentTarget;
|
|
const nodeN = elem.nodeName;
|
|
const nodeN = elem.nodeName;
|
|
|
|
+
|
|
|
|
+ let ele = document.activeElement;
|
|
|
|
+ let boxTop = getPageCoordinate(e).boxTop;
|
|
|
|
+ setSearchLocation(boxTop,ele.offsetLeft) //搜索框的位置动态获取
|
|
if(nodeN != "SPAN"){//光标没落到span的时候阻止默认事件(backspace回退页面的情况)
|
|
if(nodeN != "SPAN"){//光标没落到span的时候阻止默认事件(backspace回退页面的情况)
|
|
return this.stopIt(ev);
|
|
return this.stopIt(ev);
|
|
}
|
|
}
|
|
@@ -215,23 +219,18 @@ class EditableSpan extends Component{
|
|
index: null
|
|
index: null
|
|
})
|
|
})
|
|
}
|
|
}
|
|
- let ele = document.activeElement;
|
|
|
|
- let boxTop = getPageCoordinate(e).boxTop;
|
|
|
|
- setSearchLocation(boxTop,ele.offsetLeft) //搜索框的位置动态获取
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|
|
componentWillReceiveProps(next){
|
|
componentWillReceiveProps(next){
|
|
const isRead = this.props.isRead;
|
|
const isRead = this.props.isRead;
|
|
if(next.isRead != isRead){
|
|
if(next.isRead != isRead){
|
|
- this.$span.current.innerText = next.value||''
|
|
|
|
- // this.$span.current.innerText?(this.$span.current.innerText = next.value||''):(this.$span.current.innerHTML = next.value||'');
|
|
|
|
|
|
+ this.$span.current.innerText?(this.$span.current.innerText = next.value||''):(this.$span.current.innerHTML = next.value||'');
|
|
}
|
|
}
|
|
}
|
|
}
|
|
componentDidMount(){
|
|
componentDidMount(){
|
|
const {value} = this.props;
|
|
const {value} = this.props;
|
|
if(value){
|
|
if(value){
|
|
this.$span.current.innerText?(this.$span.current.innerText = value||''):(this.$span.current.innerHTML = value||'');
|
|
this.$span.current.innerText?(this.$span.current.innerText = value||''):(this.$span.current.innerHTML = value||'');
|
|
- // this.$span.current.innerText = value||''
|
|
|
|
}
|
|
}
|
|
if(isIE()){
|
|
if(isIE()){
|
|
$(this.$span.current).onIe8Input(function(e){
|
|
$(this.$span.current).onIe8Input(function(e){
|
|
@@ -257,15 +256,6 @@ class EditableSpan extends Component{
|
|
}
|
|
}
|
|
}*/
|
|
}*/
|
|
|
|
|
|
- /*cancelSelect(e){//双击不选中
|
|
|
|
- if(document.selection&&document.selection.empty){
|
|
|
|
- document.selection.empty();
|
|
|
|
- }else if (window.getSelection) {
|
|
|
|
- var sel=window.getSelection();
|
|
|
|
- sel.removeAllRanges();
|
|
|
|
- }
|
|
|
|
- }*/
|
|
|
|
-
|
|
|
|
getClass(){
|
|
getClass(){
|
|
const {full,value,saveText,i} = this.props;
|
|
const {full,value,saveText,i} = this.props;
|
|
const preSelected = saveText[i-1];
|
|
const preSelected = saveText[i-1];
|