html 阻止下层div事件

2024-10-25

如何阻止div中的子div触发div的事件

<div class="sideFrame" v-on:click="hideside"> <div class="sideFrameDiv" v-on:click.stop="test"> </div> </div> <script> hideside:function(){ hideside要执行的事件 }, test:function(){ 不做任何动作 } &

一.阻止浏览器默认事件 1.先举个例子说什么是浏览器的默认事件 : 比如有一个输入框,当我按下字母a,就会在输入框显示字母a.就是浏览器本该发生的事情.小孩子一出生就会汲取母乳一样的道理,这些都是先天,默认好的了. 2.看个demo,阻止浏览器默认的右键弹出菜单,而且弹出自己自定义的菜单.代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type=&

js阻止点击事件的冒泡的实现

<html> <head> <script type="text/javascript"> function fnclick1(){ alert("父元素弹窗") } function fnclick2(e){ //阻止跳转到其它页面(如提交表单跳转等) //e.preventDefault(); //阻止点击事件向上冒泡 e.stopPropagation(); alert("子元素弹窗"); } </

兼容firefox，ie，谷歌，阻止浏览器冒泡事件，Firefox不支持event解决方法

兼容firefox,ie,谷歌,阻止浏览器冒泡事件,Firefox不支持event解决方法 // 获取事件function getEvent(){ if(window.event) {return window.event;} func=getEvent.caller; while(func!=null){ var arg0=func.arguments[0]; if(arg0){ if((arg0.constructor==Event || arg0.constructor ==MouseEv

页面内部DIV让点击外部DIV 事件不发生（阻止冒泡事件）

如标题的情况,经常发生,尤其是在一些弹出框上面之类的. <script> function zuzhimaopao(){ e.stopPropagation(); } </script> 一般的google浏览器添加上面此项就可以,但是发现在FF下并不工作,于是有了如下: function getEvent(){ if(window.event) {return window.event;} func=getEvent.caller; while(func!=null){ var

js阻止时间冒泡事件——event.stopPropagation()

1. 作用:不再派发事件. 2. 语法: html代码: <div class="oreder-cont" ng-click="Orderdetails()"> ...... <div class="oreder-amt" ng-click="cancelCar($event)" > <span class="fz12">取消</span> </div&

echart 时间轴、以及y轴值过大但是变化不大显示感觉不出变化的问题+弹出框拖动div事件

1.时间轴 echart 提供了一种图表,如果x轴是一个时间范围,并且是连续的,如果用传统的数据驱动会很慢,所以用时间轴的方式 function initCurve(_data){ var resultArr=[]; for(var i=0;i<_data.length;i++){ var res=_data[i] resultArr.push({ name:new Date(res.time)+"", value:[res.time,Number(res.value).toFi

embed标签阻止点击事件让父元素处理点击事件

由于规定页面显示的PDF文件要有固定大小,使得页面风格统一最开始发现了CSS样式pointer-events 写出如下代码,在360急速浏览器急速模式中访问可在点击PDF控件时可跳转页面 <a href="pdf文件.pdf" title="pdf文件.pdf" style="width:200px;display: inline-block; height: 200px;" target="_blank"> &

div 事件透传

有些时候,我们会想要把一个 div 层覆盖在另一个 div 层上,要让下层的 div 响应鼠标事件而上层的不响应仅仅只做内容展示. 这种时候,我们就可以用到一个 CSS 属性:pointer-events,将其设置为 none 即可. 这个属性很少用到,却非常实用.省去了 js 里判断 event.target 的各种麻烦,节省了大量的时间. 这个属性取值如下: pointer-events: auto | none | visiblePainted | visibleFill | visibl

vue click.stop阻止点击事件继续传播

<div id="app"> <div @click="dodo"> <button @:click="doThis">阻止单击事件继续传播</button> </div> </div> <script> var app = new Vue({ el: "#app", data: { name: "Vue.js" }, me

vue 遮罩层阻止默认滚动事件

vue中提供 @touchmove.prevent 方法可以完美解决这个问题. <div class="child" @touchmove.prevent ></div> vue同时还提供了其他的修饰符: 阻止单击事件继续传播 : <a v-on:click.stop="doThis"></a> 提交事件不再重载页面 : <form v-on:submit.prevent="onSubmit"

jQuery中怎样阻止后绑定事件

你的代码在页面载入过程中已经完成事件绑定了,没有阻止后绑定的事件的办法了,不过可以删除当前指定节点的事件绑定.方法如下:$("#btn").click(function(){if($("#tx").val()==""){alert("e1");}else{//删除后绑定的事件...$("#btn").unbind('click');}});说明:unbind([type],[data])bind()的反向操

js /jquery停止事件冒泡和阻止浏览器默认事件

1>js阻止冒泡事件 var el = window.document.getElementById("a"); el.onclick = function (e) { //如果提供了事件对象,则这是一个非IE浏览器 if (e && e.stopPropagation) { //因此它支持W3C的stopPropagation()方法 e.stopPropagation(); } else { //否则,我们需要使用IE的方式来取消事件冒泡 window.eve

js阻止浏览器默认事件

1.阻止浏览器的默认行为 function stopDefault(e) { //如果提供了事件对象,则这是一个非IE浏览器 if(e && e.preventDefault) { //阻止默认浏览器动作(W3C) e.preventDefault(); } else { //IE中阻止函数器默认动作的方式 window.event.returnValue = false; } return false; } 2.停止事件冒泡 function stopBubble(e) { //如果提供

阻止浏览器冒泡事件，兼容firefox和ie

//得到事件 function getEvent(){ if(window.event) {return window.event;} func=getEvent.caller; while(func!=null){ var arg0=func.arguments[0]; if(arg0){ if((arg0.constructor==Event || arg0.constructor ==MouseEvent || arg0.constructor==KeyboardEvent) ||(typ

Jquery 事件冒泡、元素的默认行为的阻止、获取事件类型、触发事件

$(function(){// 事件冒泡 $('').bind("click",function(event){ //事件内容 //停止事件冒泡 event.stopPropagation(); })// 默认行为 $("#sub").bind("click",function(event){ //事件内容 //阻止默认行为 event.preventDefault(); }) $("a").click(function(ev

如何阻止浏览器的默认事件，你是否也遇到过无法阻止Google默认事件的情况( 原生JS )

如题,话不多话,我们先看怎么解决根据不同的绑定事件的方法,我们有不同的阻止默认事件的方法如果你不知到如何绑定事件,请查看我的上一篇文章关于浏览器滚动的兼容性问题以及事件绑定 1.句柄绑定只需要在代码块的最后一行添加一行 return false; 2."addEventListener"绑定即: DOM.addEventListener("click", function (e) { var event = e || window.event; }, fa

在javascript中的浏览器兼容问题以及兼容浏览器汇总（默认事件，阻止冒泡，事件监听。。。）以及解决方式详解

在javascript中常见的浏览器兼容问题,以及解决方式. 在前端工作当中我们遵循这样的原则:渐进增强和优雅降级渐进增强(progressive enhancement): 针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果.交互等改进和追加功能达到更好的用户体验优雅降级(graceful degradation): 一开始就构建完整的功能,然后再针对低版本浏览器进行兼容. 1.获取非行内样式: 函数getStyle(e,attr)

阻止默认/冒泡事件（兼容ie）

(1) 阻止默认事件 function(e){ if(e && e.preventDefault){ e.preventDefault(); }else{ //IE window.event.returnValue = false; } } (2) 阻止冒泡事件 function(e){ if(e && e.stopPropagation){ e.stopPropagation(); }else{ //IE window.event.cancleBubble = true;

js 冒泡事件阻止父层事件影响子层

当父层与子层有相同的事件时,但子层跟父层执行的内容却不一样时为了防止父层事件对子层造成影响我们可以在子层的方法里做如下操作 function A (event){ event.stopPropagation(); ..... } 这样我们操作子层的时候 ,父层相同的事件就不会起作用啦 IE兼容 function fn2(e){ //这里做浏览器兼容,如果提供了event 就说明他不是IE if(e && e.stopPropagation){ e.stopPropagation

jQuery阻止向上冒泡事件

//阻止起泡取消下面的注释 e.stopPropagation(); //或者使用这种方式 //return false; }); $('.three').click(function(e){ alert('three'); //阻止起泡取消下面的注释 e.stopPropagation(); //或者使用这种方式 //return false; }); });