优化事件绑定

jaywcjlove · Jul 8, 2015 · 2d5cfd6 · 2d5cfd6
1 parent 1dfdf3a
commit 2d5cfd6
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 32 deletions.
diff --git a/build/MDEditor.min.js b/build/MDEditor.min.js
@@ -799,12 +799,15 @@
 (function(window, undefined) {
     var _$ = document.querySelectorAll.bind(document);
     function addEvent(object, event, method) {
-        if (object.addEventListener) {
-            object.addEventListener(event, method, false);
-        } else if (object.attachEvent) {
-            object.attachEvent("on" + event, function() {
-                method(window.event);
-            });
+        event = event.split(" ");
+        for (var i = 0; i < event.length; i++) {
+            if (object.addEventListener) {
+                object.addEventListener(event[i], method, false);
+            } else if (object.attachEvent) {
+                object.attachEvent("on" + event[i], function() {
+                    method(window.event);
+                });
+            }
         }
     }
     function _applyAttrs(context, attrs) {
@@ -913,10 +916,10 @@
         css(self.preview, {
             height: self.textarea.offsetHeight + "px"
         });
-        valueChange = function(obj, event) {
-            if (obj.scrollHeight < self.opts.maxheight) {
+        addEvent(self.textarea, "input propertychange", function(event) {
+            if (this.scrollHeight < self.opts.maxheight) {
                 css(self.textarea, {
-                    height: obj.scrollHeight + "px",
+                    height: this.scrollHeight + "px",
                     overflow: "hidden"
                 });
             } else {
@@ -928,14 +931,8 @@
             css(self.preview, {
                 height: self.textarea.offsetHeight + "px"
             });
-            self.opts.value = obj.value;
+            self.opts.value = this.value;
             self.callback(event, self.opts);
-        };
-        addEvent(self.textarea, "input", function(event) {
-            valueChange(this, event);
-        });
-        addEvent(self.textarea, "propertychange", function(event) {
-            valueChange(this, event);
         });
         return this;
     };

diff --git a/lib/MDEditor.js b/lib/MDEditor.js
@@ -9,10 +9,13 @@
      * @param {[type]} method [执行函数]
      */
     function addEvent(object, event, method) {
-        if (object.addEventListener){
-            object.addEventListener(event, method, false);
-        }else if(object.attachEvent){
-            object.attachEvent('on'+event, function(){ method(window.event); });
+        event = event.split(' ')
+        for(var i = 0;i<event.length;i++){
+            if (object.addEventListener){
+                object.addEventListener(event[i], method, false);
+            }else if(object.attachEvent){
+                object.attachEvent('on'+event[i], function(){ method(window.event); });
+            }
         }
     }
 
@@ -170,10 +173,11 @@
 
         css(self.preview,{'height':self.textarea.offsetHeight + "px"});
 
-        valueChange = function(obj,event){
-            if(obj.scrollHeight<self.opts.maxheight){
+        //实时监听输入框值变化 HTML5事件
+        addEvent(self.textarea,'input propertychange', function(event) {
+            if(this.scrollHeight<self.opts.maxheight){
                 css(self.textarea,{
-                    'height':obj.scrollHeight + "px",
+                    'height':this.scrollHeight + "px",
                     'overflow':"hidden"
                 });
             }else{
@@ -183,16 +187,8 @@
                 });
             }
             css(self.preview,{'height':self.textarea.offsetHeight  + "px"});
-            self.opts.value = obj.value
+            self.opts.value = this.value
             self.callback(event,self.opts)
-        }
-
-        //实时监听输入框值变化 HTML5事件
-        addEvent(self.textarea,'input', function(event) {
-            valueChange(this,event)
-        });
-        addEvent(self.textarea,'propertychange', function(event) {
-            valueChange(this,event)
         });
         return this;
     }