1. 程式人生 > >失焦事件

失焦事件

            // 新增事件
            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(...)”來處理多個同類型事件

如:

function全部寫在一個定義的eventControl事件裡面,直接通過.方法就可以直接呼叫了


  3. 阻止事件冒泡和事件委託的方法:
    A:return false。 
      在事件的處理中,可以阻止預設事件和冒泡事件。

    B:event.preventDefault()
      在事件的處理中,可以阻止預設事件但是允許冒泡事件的發生。

    C:event.stopPropagation().。
      在事件的處理中,可以阻止冒泡但是允許預設事件的發生。