Community Learn Tools Library Leisure

English

Home > Web Front-end > JS Tutorial > A simple way to prevent bubbling events and default events from happening in JS

A simple way to prevent bubbling events and default events from happening in JS

PHPz

Release： 2018-09-30 16:01:11

Original

1459 people have browsed it

This article mainly introduces the simple method of preventing bubbling events and default events in JS. Friends in need can refer to it

is inside

, then what? ,

has an onclick event,

also has an onclick event. In order to trigger the click event of

without triggering the click event of the parent element, you need to call the following function:

function stopBubble(e){
  if(e&&e.stopPropagation){//非IE
   e.stopPropagation();
  }
  else{//IE
   window.event.cancelBubble=true;
  }
 }

Copy after login

If you want to prevent the default event from being triggered, that is, the default href event, then you need to call the following function:

function stopDefault( e ) {
         //阻止默认浏览器动作(W3C)
         if ( e && e.preventDefault )
             e.preventDefault();
         //IE中阻止函数器默认动作的方式
         else
             window.event.returnValue = false;
         return false;
     }

Copy after login

The above is the entire content of this chapter, more For more related tutorials, please visit JavaScript Video Tutorial!

Related labels：

bubbling event

source：php.cn

Previous article：Example sharing of js typing effect without using jquery_javascript skills Next article：Two methods of jQuery plug-in development and detailed explanation of $.fn.extend_jquery

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn