如何阻止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(){
        不做任何动作
    }
</script>

时间： 2024-10-26 20:33:57

如何阻止div中的子div触发div的事件的相关文章

父级div宽度100%,子级一个div宽度固定，另一个宽度自适应

<!DOCTYPE html> <html> <head> <title>布局测试</title> <style type="text/css"> /*第一种方式*/ .div-box1 { width: 100%; } .div1 { width: 100px; height: 100px; background-color: red; float: left; } .div2 { height: 100px;

Unity中Button按钮的触发监听事件

第一种方式:需要把自己添加的Button按钮属性(Inspector)中的(Button)onclick添加方法. public void BtnCreteClick() { Debug.Log("一切正常!!"); } 第二种方式:把自己添加的Button按钮拖到代码所在的物体下和不拖Button按钮的代码如下. //拖动Button按钮执行的代码如下 public GameObject btnPrint; Button btn = btnPrint.GetComponent<

IE6 IE7: div中table宽度100%导致的宽度问题

问题现象:定义了DOCTYPE的页面当表格的内容比div的高度还要高时,div会出现滚动条,同时在IE6和IE7下会出现问题: IE6:此时table的100%宽度还是没有滚动条那是的宽度,出现滚动条后,div的可视宽度减少,导致横向滚动条也出现了,而且横向能滚动的长度正好是滚动条的宽度. IE7:竖滚动条此时则很操蛋的消失了..... IE8:下一切正常. 解决方法:内嵌套一个分区元素 Layout <div style="width:100px; height=50px; overf

div中嵌套div水平垂直居中

div中嵌套一个居中的div有很多方法,如果不想调整边距,有一个简单的方法: 1 <div align="center" style="width: 200px;height: 200px;background: green;display: table-cell;vertical-align: middle;"> 2 <div style=" width: 100px;height: 100px;background: blue;&qu

div中嵌套div速度将会同样很慢

---恢复内容开始--- div中嵌套了div速度将会同样很慢最近很多老板在我们公司做企业站的时候都会要求说:我要div+css的,不要表格建的那种,那样不利于优化.但我们发现就算给他们用div+css的形式做出的网站也没见他们做过什么优化,甚至连文章都没更新过.这是外话,我们就来谈谈难道真的用div+css制作出来的网站就打开速度就快,对搜索引擎就友好吗?关于div+css的优点其实确实很多,这种布局方式大大精简了页面的代码量,减少了网页的体积,有利于网页的读取.而table的排版方式最

阻止iOS中页面弹性回滚，只允许div.phone_body的区块有弹性

使用说明:只要替换选择器:var selector = '.phone_body'; /** * 阻止iOS中页面弹性回滚,只允许div.scroller的区块有弹性 */ (function () { var selector = '.phone_body'; var u = navigator.userAgent; if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {//安卓手机 //alert("安卓手机&quo

【JQuery】简单实现div结合select实现div触发select新增option，并通过键盘上下键选中option后追加到div中。

1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> 2 <% 3 String path = request.getContextPath(); 4 String basePath = request.getScheme()+"://"+request.getServerName()+":"+requ

禁止鼠标多次点击选中div中的文字

<!DOCTYPE html><html><head><meta charset="utf-8"><title>Firefox/Opera不支持onselectstart事件</title></head><body><div id="d1" style="width:200px;height:200px;background:gold;">

用事件冒泡实现在div内点击，不触发事件，当在div外点击时才触发事件

讲解 http://caibaojian.com/javascript-stoppropagation-preventdefault.html 使用案例在div内点击,不触发一个事件,当在div外点击时才触发事件. 这比按钮节流和缓冲都要好的多自己使用的是一个form控件中的输入不触发,当输入完点击其他地方时触发计算,将结果赋值给form中不可编辑的控件中. 具体代码: function div10_onClick(event) { //点击#Click时要阻止冒泡,否则.pop是不显示的