Browse Source

修改标题点击enter问题

Luolei 6 years ago
parent
commit
19f31f4d19

+ 1 - 0
src/components/AddAssistCheck/Textarea/index.jsx

@@ -51,6 +51,7 @@ class Textarea extends Component {
           contenteditable={true}
           contenteditable={true}
           ref={this.$dom}
           ref={this.$dom}
           onInput={this.handleInput}
           onInput={this.handleInput}
+          onPropertyChange={this.handleInput}
       ></div>
       ></div>
     );
     );
   }
   }

+ 15 - 10
src/components/Operation/index.jsx

@@ -143,11 +143,19 @@ class Operation extends Component {
       title: val
       title: val
     })
     })
   }
   }
+  handleInput(e){
+    let val = e.target.value
+    if(e.target.value.length > 30){
+        e.target.value = val.substring(0,30)
+        this.onchange(val.substring(0,30))
+    }else{
+        this.onchange(e.target.value)
+    }
+  }
   keypress(event) {
   keypress(event) {
     let e = event?event:window.event;
     let e = event?event:window.event;
     if (e.keyCode == 13) {
     if (e.keyCode == 13) {
-      // this.makeSure()
-      // store.dispatch(changeVisible(false))
+      this.makeSure()
     }
     }
   }
   }
   saveHis(type) {
   saveHis(type) {
@@ -223,14 +231,11 @@ class Operation extends Component {
         placeholder="请输入模板名称"
         placeholder="请输入模板名称"
         type="text"
         type="text"
         maxLength='30'
         maxLength='30'
-        onChange={(e) => {
-          let val = e.target.value
-          if (e.target.value.length > 30) {
-            e.target.value = val.substring(0, 30)
-            this.onchange(val.substring(0, 30))
-          } else {
-            this.onchange(e.target.value)
-          }
+        onInput={(e) => {
+          this.handleInput(e)
+        }}
+        onPropertyChange={(e) => {  // 兼容ie
+          this.handleInput(e)
         }}
         }}
         onKeyPress={e => this.keypress(e)}
         onKeyPress={e => this.keypress(e)}
       />
       />

+ 15 - 9
src/components/PushContainer/index.jsx

@@ -113,10 +113,19 @@ class PushContainer extends Component {
     keypress(event){
     keypress(event){
         let e = event?event:window.event;
         let e = event?event:window.event;
         if(e.keyCode == 13) {
         if(e.keyCode == 13) {
-            // this.makeSure()
+            this.makeSure()
             // store.dispatch(changeVisible(false))
             // store.dispatch(changeVisible(false))
         }
         }
     }
     }
+    handleInput(e){
+      let val = e.target.value
+      if(e.target.value.length > 30){
+          e.target.value = val.substring(0,30)
+          this.onchange(val.substring(0,30))
+      }else{
+          this.onchange(e.target.value)
+      }
+    }
     changeTitle(){
     changeTitle(){
         return <div className={style['box']}>
         return <div className={style['box']}>
             <input className={style['ipt']} 
             <input className={style['ipt']} 
@@ -124,14 +133,11 @@ class PushContainer extends Component {
                 type="text" 
                 type="text" 
                 value={this.state.title}
                 value={this.state.title}
                 maxLength='30'
                 maxLength='30'
-                onKeyUp={(e) => {
-                    let val = e.target.value
-                    if(e.target.value.length > 30){
-                        e.target.value = val.substring(0,30)
-                        this.onchange(val.substring(0,30))
-                    }else{
-                        this.onchange(e.target.value)
-                    }
+                onInput={(e) => {
+                  this.handleInput(e)
+                }}
+                onPropertyChange={(e) => {  // 兼容ie
+                  this.handleInput(e)
                 }}
                 }}
                 onKeyPress={e=>this.keypress(e)}
                 onKeyPress={e=>this.keypress(e)}
             />
             />