javascript的冒泡簡單應用

在網(wǎng)頁DIV中,常常會有一個大的DIV,點擊事件響應而影響了DIV內(nèi)小的點擊事件。這種情況下我們就可以用到冒泡了,

QQ圖片20161115201805.jpg

在html,實現(xiàn)代碼如下

 <div class="cilcklove" ng-click="love(item,$event)">?</div>

其中,$event,為系統(tǒng)冒泡字符,意思是點擊這個動作的時候會阻止大的點擊事件,把小的時間冒泡到最上層,執(zhí)行

js,實現(xiàn)代碼如下

 $scope.love=function(item,$event) {
            $event.stopPropagation();
            pageModule('page/higher/myOrder.js');
        }

在function里面加入$event,然后在函數(shù)里寫上 $event.stopPropagation();//阻止上層事件就可以了,是不是很簡單,馬上動手用起來吧。

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • 以下文章為轉載,對理解JavaScript中的事件處理機制很有幫助,淺顯易懂,特分享于此。 什么是事件? 事件(E...
    jxyjxy閱讀 3,175評論 1 10
  • (續(xù)jQuery基礎(1)) 第5章 DOM節(jié)點的復制與替換 (1)DOM拷貝clone() 克隆節(jié)點是DOM的常...
    凜0_0閱讀 1,528評論 0 8
  • 總結: 鼠標事件 1.click與dbclick事件$ele.click()$ele.click(handler(...
    阿r阿r閱讀 1,724評論 2 10
  • #Eric愛分享-1分鐘職場智慧# “下周我們計劃拜訪5個客戶,爭取談成3單”,讓你猜想一下周會上你這樣匯報進度,...
    行業(yè)觀察小朋友閱讀 262評論 0 0
  • 開頭擺張萌萌的袋鼠定定神,澳洲的袋鼠種類大致有五種,還是蠻容易區(qū)分的,像這只就是大赤袋鼠,在野外的傍晚,你可...
    菜心王子閱讀 1,024評論 17 17

友情鏈接更多精彩內(nèi)容