event-bubbling

    1热度

    1回答

    我试图切换.abb-bar,使用$.toggle(),只要其父(.abb)得到一个点击。但每当.abb-bar得到一个点击,它会自己切换,因为event-bubbling。 e.stopPropagation()应该解决问题,但它不起作用。可以做些什么? HTML <span class="col-auto entry-ops abb"> <i class="fa fa-bars"></

    3热度

    1回答

    我有一个下拉功能,应与此点击被称为div的 <div (click)="toggleDropdown($event)" data-id="userDropdown"> Username <i class="mdi mdi-chevron-down"></i> </div> 但是,当我点击<i>元素上的click事件没有被触发 toggleDropdown($event) { co

    2热度

    2回答

    我有一个<ul>组件包装了一些<li>组件。我想避免为每个li添加onClick处理程序,而是在ul上使用单个处理程序并捕获冒泡事件。 从冒泡事件确定/分配点击的组件的正确方法是什么? class ListItemComponent extends React.Component { public render() { return ( <li>Foo</li>

    0热度

    1回答

    据我所知event.stopPropogation()用于停止事件冒泡,即它会停止触发父事件,但在我的这段代码中它不起作用。你能检查一下吗? <div onClick="diva();"> div <p onClick="pa();"> ppp <a onClick="aa();"> hello </a> </p> </div> <script type="text/

    1热度

    1回答

    我正在研究React Events,并且我注意到有关事件气泡和捕获的不寻常问题。 如果我有一个嵌套的div标签组,它们都有自己的onClick/onClickCapture,那么这个按预期工作。事件触发“向下/向上”DOM树。 但是,如果其中一个Divs是React.Component,它将不会捕获该事件。 我相信这是有意设计的,React正在采取的立场是,组件应该始终是“独立的”,因此不应该处理

    0热度

    1回答

    我需要通过单击带有标记(删除)的单元格来删除表中的整个行,它可以工作,但是如果我单击任何其他单元格,行就是也删除了。这里是HTML和下面的JS代码中使用事件冒泡的形式给出证明: var table1 = document.querySelector("#tableOne"); table1.addEventListener("click", function(event) {

    5热度

    3回答

    我有一个事件冒泡的情况。示例: <td (click)="doSomething()"> <text [innerHtml]="content"> // content of innerHtml is : <a href="http://google.com"></a> </text> </td> 标记通过innerHtml从另一个组件呈现。问题:当我点击链接

    1热度

    2回答

    我有一个主div与一些内部div分配了数据值。我不知道是因为我使用的是Bootstrap还是div结构,但是当我点击实际的数字时(如按钮的中心),我得到“null”,单击数字外部,结果。我试着把数字放在一个p标签中,并在那里分配数据值,但是我得到了整个按钮的“空”。 我怎样才能点击文本里面的文本并获得他们的价值呢? 你可以在这里看到的实际问题(忽略操作按钮,7始终返回null,因为我正在运行测试)

    1热度

    1回答

    我希望有人有一个提示/解决方案,以更好,更高性能的方式解决这个问题。 我正在写一个Windows UWP应用程序,其中包含一个带网格的ScrollViewer。在这个网格中,我有两个嵌入在ScrollViewer中的StackPanels。 每个StackPanel都有一个垂直方向的图像列表。 StackPanel与所有图像在一起的高度一样,因此没有垂直滚动条,因为它应该是。 另一方面,图像更宽,

    1热度

    2回答

    我需要使用事件委托来捕获带有图像的锚节点。 document.addEventListener( 'click', function(event) { console.log(event.target); return true; }, false ); <a href="#" class="link">