阻止默认行为 阻止冒泡

什么是默认行为?

var a = document.getElementById(‘a‘);
a.addEventListener(‘click‘,function(e){
    e.preventDefault();
},false);

兼容性问题:

function preventDefault(event){
    var event = $$.getEvent(event);
    if(event.preventDefault){
        event.preventDefault();
    }else{
        event.returnValue = false; //微软
    }
}

什么是阻止冒泡

$$(‘div2‘).addEventListener(‘click‘,function(event){
    event.stopPropagation();
},false)

兼容性问题

function stopPropagation(event){
    var event = $$.getEvent(event);
    if(event.stopPropagation){
        event.stopPropagation();
    }else{
        event.cancelBubble = true;
    }
}

  

时间: 2024-10-27 06:08:32

阻止默认行为 阻止冒泡的相关文章

javascript, jQuery阻止默认事件和冒泡事件

事件冒泡(event bubbling) 事件冒泡是指一个元素上的事件被触发,然后这个事件按嵌套顺序在父级元素上触发,直至document根节点. 例如: <!DOCTYPE html> <html> <head> <title>Event Bubbling Example</title> </head> <body> <div id="myDiv">Click Me</div>

JavaScript 阻止默认时间和冒泡时间

<!DOCTYPE HTML><html> <head> <title>event cancel</title> </head> <body> <a href="https://www.baidu.com/">baidu</a> <div style="width: 400px; height: 300px; background: red;" id=&

javascript -- 阻止默认事件 阻止事件冒泡示

1. event.preventDefault();  -- 阻止元素的默认事件.注:a元素的点击跳转的默认事件 , button,radio等表单元素的默认事件 , div 元素没有默认事件 例: <a href="http://www.baidu.com" target="_black">百度</a> var samp = document.getElementByTagName("a"); samp.addEvent

阻止默认行为和冒泡

preventDefault方法的起什么作用呢?我们知道比如<a href="http://www.baidu.com">百度</a>,这是html中最基础的东西,起的作用就是点击百度链接到http://www.baidu.com,这是属于<a>标签的默认行为,而preventDefault方法就是可以阻止它的默认行为的发生而发生其他的事情. stopPropagation方法呢?讲stopPropagation方法之前必需先给大家讲解一下js的事件

阻止事件冒泡,阻止默认事件

阻止事件冒泡 html代码: <table>  <tr>    <td><span>冒泡事件测试</span></td>  </tr></table> js代码: $('table').click(function(){    alert('table');});$('td').click(function(){    alert('td');});$('span').click(function(e){   

js的冒泡和阻止默认行为

stopPropagation 停止冒泡 preventDefault  阻止默认行为 return false 停止冒泡和阻止默认行为. 冒泡的执行顺序是由触发事件的元素往父级元素层层执行. 但是如果当前元素没有阻止默认行为,而父级元素阻止默认行为,那么默认行为也不会触发. 示例代码 <!DOCTYPE html> <html> <head> <title></title> </head> <body> <div

JS 阻止浏览器默认行为和冒泡事件

JS 冒泡事件 首先讲解一下js中preventDefault和stopPropagation两个方法的区别: preventDefault方法的起什么作用呢?我们知道比如<a href="http://www.baidu.com">百度</a>,这是html中最基础的东西,起的作用就是点击百度链接到http://www.baidu.com,这是属于<a>标签的默认行为,而preventDefault方法就是可以阻止它的默认行为的发生而发生其他的事情

javascript事件之: 事件冒泡, 事件捕获 ,阻止默认事件

谈起JavaScript的 事件,事件冒泡.事件捕获.阻止默认事件这三个话题,无论是面试还是在平时的工作中,都很难避免. 冒泡篇: 先来看一段实例: js: var $input = document.getElementsByTagName("input")[0]; var $div = document.getElementsByTagName("div")[0]; var $body = document.getElementsByTagName("

DOM2级事件对象、添加事件、阻止默认事件、阻止冒泡事件、获取事件对象目标的兼容处理

事件对象——兼容处理 1 /* 2 * 功能: 事件对象兼容 3 * 参数: 表示常规浏览器的事件对象e 4 */ 5 function getEvent(e) { 6 7 // 如果存在e存在,直接返回,否则返回window.event 8 return e || window.event; 9 } 获取事件所对应的目标——兼容处理 1 /* 2 3 * 功能: 获取事件所对应的目标 4 5 * 参数: 表示常规浏览器的事件对象e 6 7 */ 8 9 function getTargetBy