失焦事件

雨点打透心脏的1/2处 2022-05-16 00:50 181阅读 0赞

// 添加事件  
            var addEvent = function() \{  
                  $(document).on('blur','.要选择的元素', function(e) \{  
                  viewModel.Text(e);  
                  \});

\};

Text: function(e)\{......\}

或者：$('body').on('blur', '.要选择的元素', function(e) )

$().on()的知识点补充：  
　　1.从jQuery 1.7开始，on()函数提供了绑定事件处理程序所需的所有功能，用于统一取代以前的bind()、 delegate()、 live()等事件函数。  
　　　　$().bind()直接绑定在元素上，和click，blur，mouseon一样的点击事件。  
　　　　$().live()是通过冒泡的方式来绑定到元素上的。更适合列表类型的，绑定到document DOM节点上。  
　　　　$().delegate()是更精确的小范围的使用事件代理。  
　　　$().on()结合了这三个方法的优势摒弃了劣势。

2.该函数可以为同一元素、同一事件类型绑定多个事件处理函数。触发事件时，jQuery会按照绑定的先后顺序依次执行绑定的事件处理函数，所以说后面可以继续加上“ .on(...).on(...)”来处理多个同类型事件。

如：![70][]

function全部写在一个定义的eventControl事件里面，直接通过.方法就可以直接调用了

![70 1][]

3. 阻止事件冒泡和事件委托的方法：  
　　　　A：return false。   
　　　　　　在事件的处理中，可以阻止默认事件和冒泡事件。

B：event.preventDefault()  
　　　　　　在事件的处理中，可以阻止默认事件但是允许冒泡事件的发生。

C：event.stopPropagation().。  
　　　　　　在事件的处理中，可以阻止冒泡但是允许默认事件的发生。

[70]: /images/20220516/3ab5df89f2f048ce9a49718729d6b145.png
[70 1]: /images/20220516/6312ca365e8c439ca5215bf2734ac37b.png