1回答
我正在使用Bootstrap通过以下代码构建导航栏：
$(document).ready(function() {
$('.review').on('click',function() {
alert('test');
})
})
.navbar-light {
position: fixed;
width: 100%;
height: 5%;
z-index: 100000;
}
.navbar .row {
width: 100%;
}
<!doctype html>
<html lan
浏览 0提问于2018-06-27得票数 1
1回答
我使用p5.js库与reactJS一起实现一些可视化。
我已经实现了:当我点击鼠标并拖动到屏幕上时，背景(比如画布)会改变颜色。这是使用p5.js实现的
我想要的:我已经创建了一个可拖放的HTML元素。但是，当我单击并拖动我的新元素时，画布也会响应单击并更改颜色。我希望我的点击只影响新的分层元素，而不是画布。
我尝试将新元素设置为更高的z索引，将画布容器设置为较低的元素。然而，这是行不通的。任何帮助都将不胜感激！
浏览 3提问于2020-09-05得票数 0
回答已采纳
有人能解释一下event.preventDefault()和event.stopPropagation()之间的区别吗
我有一个表，在这个表中我有一个img标记。
当我点击img标签时，我想看到一个弹出窗口。
但是我也想停止对多行的选择，所以我使用：
$("table.items tbody tr").click(function(event) {
event.stopPropagation();
});
当我使用js代码时，弹出窗口没有出现；
如果我删除js代码，弹出窗口就会正常工作。
$(".info").live("clic
浏览 0提问于2013-08-09得票数 16
回答已采纳
我的页面上有一个带有onclick="toggledropdown()“的div (id="menu")。这个div既有文本，也有img子元素。当单击除图像之外的任何内容时，切换代码都能正常工作。但是，当单击图像时，div会向下滑动，然后再次返回。
切换代码：
function toggledropdown()
{
if ($("#dropdown").is(":hidden"))
{
$("#dropdown").slideDown(400);
}
els
浏览 1提问于2012-09-18得票数 0
回答已采纳
我通过在内容页面上使用单击事件侦听器从网页中获取元素，但是preventDefault只工作了几次。
例如，在上，当我单击菜单栏时，它会重定向到下一个页面，而不是阻止单击操作发生。这是我在content.js中的事件侦听器
document.addEventListener('click', function xyz(e){
e.preventDefault();
//alert(e);
var target = e.target || event.srcElement;
var attributes = Array.prototype.slice.call(target.at
浏览 2提问于2016-04-28得票数 0
回答已采纳
我希望能够点击一个特定的<a>并激活链接，而不是家长的点击。
preventDefault()无法工作，因为这样它就无法链接。
浏览 3提问于2012-10-31得票数 2
回答已采纳
我有一个链接，我想当我点击链接的任何部分来做正常的导航，除非我点击按钮(我知道这可以通过preventDefault()实现)。
我在ios(屏幕阅读器)上使用voiceover，当我点击按钮时，preventDefault()在这种模式下不工作(导航是忽略preventDefault()完成的)，所以我希望找到一种策略，以便在没有点击按钮时保持导航，并且当按钮被点击时，它不会继续使用锚标记的导航。
我该怎么做？
function clickedButton(){
console.log("click");
alert("click")
}
body,
浏览 3提问于2022-08-02得票数 0
回答已采纳
我在div中有一个文本区域。我希望能够点击覆盖图。但是发生的事情是，textarea和div一样捕捉到了点击。
<div id="d" name="d"><textarea id="ta" name="ta">my text</textarea></div>
<script type="text/javascript">
$('#d').click(function(){alert("clicked on div");)}
浏览 1提问于2012-04-19得票数 0
回答已采纳
1回答
我的javascript代码有一些问题:这里有一个html：
<div class="panel02">
<div href="#" class="settings">
<span><i class="q-my-account"></i> Change Settings</span>
<div class="form">
浏览 2提问于2014-10-18得票数 1
回答已采纳
1回答
我想隐藏所有div的隐藏，当点击页面的主体时，而不是div。我的div是
<div id="settingsBoxExpand">
<div id="settings1" class="settingsBoxExpandItem" style="padding:3px;border-bottom:1px solid #dddddd">My Account</div>
<div id="settings2
浏览 0提问于2012-02-22得票数 3
回答已采纳
1回答
当单击子事件时，我希望防止父事件发生在父事件上。请注意，我没有访问父事件代码的权限。我试过在按钮上做e.preventDefault()，但是没有用。
有什么方法可以忽略所有的父事件时，它的东西被点击？
$(function(){
// Note that this is just an example, I don't have access to this code
// This is some custom event inside custom plugin
$('.container').on('click', functio
浏览 2提问于2015-02-25得票数 0
回答已采纳
2回答
我有一个手风琴，里面有一个链接，但是每当我点击这个链接时，手风琴就会认为我在试图关闭它。它被设置好了，所以你可以点击手风琴上的任何地方来打开或关闭我想要保存的手风琴，但是当我点击这个链接时，忽略手风琴的行为，然后跟随这个链接。
<div class="wrap">
<div class="top"></div>
<div class="middle">
<h3>Always showing</h3>
<div class=
浏览 1提问于2014-07-22得票数 0
回答已采纳
我的问题很简单，我创建了一个DIV，里面有一个HyperLink控件。如下所示：
<div id="divOne" style="width: 500px;">
<asp:HyperLink runat="server" id="hlOne" Text="hlOne"
NavigateUrl="http://www.StackOverflow.com" />
</div>
我还在jQuery中为DIV创建了一个onclick事件：
$(&
浏览 2提问于2010-04-27得票数 1
回答已采纳
2回答
我从用户发布数据到php脚本，并显示作为结果的响应。
我的问题是在我点击按钮后，它重新加载页面并清空所有文本框，而不显示来自服务器脚本的回复。
HTML：
<div class="show" id="show"></div>
JS：
$( "#submit" ).click(function(event) {
event.stopPropagation();
//var cat = $("#cats option:selected").html()
浏览 1提问于2014-07-04得票数 0
如果我有一个浮动消息框，并且我想知道在该框中单击段落文本是否也会在jQuery中注册对它的父元素的单击，或者我也必须为子元素添加单击侦听器。
更新：这里是基本布局：
<div id='msgbox'>
<p>This is the <span>message</span></p>
</div>
现在，如果我单击<p>中的文本或<span>中的文本，它是否仍会触发为单击$('#msgbox')？
更新2:我能阻止这种行为吗？？
更新3:，这是我要做的小提琴： --现在有
浏览 3提问于2011-10-05得票数 6
回答已采纳
2回答
我得到了以下结构：-嵌套UL
<ul class="depth-one">
<li>Category 1
<ul class="depth-two">
<li > Category 1.1</li>
<li> Category 1.2</li>
<li> Category 1.3</li>
</ul>
</li>
浏览 3提问于2013-08-06得票数 1
回答已采纳
我有一个包含许多组件的元素。现在在框中我有许多不同的元素，图片，文本和按钮。
示例：
HTML：
<div id="container">
<div class="box">
<div class="button">Click</div>
</div>
</div>
jQuery：
$('#container').on("click", ".box&
浏览 0提问于2013-03-13得票数 4
回答已采纳
1回答
我在一个按钮里有一个垫子图标。按钮定义了事件，mat图标则定义了另一个事件。当我单击mat图标时，它的事件与按钮事件一起被触发，因为mat图标在按钮标签中。我不希望按钮事件是启动时，垫图标被点击，也不希望垫图标被点燃时，按钮被点击，排除在用户界面中的垫图标部分。这里是角度框架中HTML的一个片段。
<button type="button" class="" (click)="someevent">
<span >
Text
</span&g
浏览 3提问于2019-11-28得票数 1
回答已采纳
<div id="firstDiv" style="width:1000px;height:600px;">
<div id="secondDiv" style="width:200px;height:200px;"></div>
</div>
两个DIVs都有click()事件。当我点击secondDiv时，firstDiv的点击事件也会被触发(我猜这是逻辑，因为我也点击了firstDiv的边界)。然而，我只想触发DIV的click-event，点击时我的鼠标实际上是在上面
浏览 0提问于2013-04-24得票数 2
回答已采纳
1回答
我在试着找到一个切换模式，即使它被点击了也能保持打开。它的内部也有多个元素，如果其中一个被点击，它仍然需要保持打开。关于单击事件和event.target：，我问了一个类似的问题--这是其中的一个构建。
我想出了前一个问题，剩下的问题是：
$(function(e) {
$("#filter-button").click(function(e) {
$(".dialog").toggleClass("show");
});
$(window).click(function(e) {
if((e.target.t
浏览 0提问于2018-06-07得票数 0
回答已采纳
1回答
我从来没有在这里发过帖子，我希望你能帮助我。我有一个js功能，点击将切换显示和隐藏一个段落。但是，我需要将它们嵌套在一起。换句话说：
1)此处有一些文本//单击打开
2)This text opens upon click //Click to open
3)This text opens upon click.
他们说我现在已经写好了，点击1会打开2，但点击2会关闭一切。我现在正在学习JS，所以我现在是最好的，所以我希望这里的专业人士能帮助我。这是我的函数现在的样子，，有人有什么想法吗？
浏览 0提问于2013-05-03得票数 0
1回答
我在链接块内有js操作的块，当用户用鼠标点击带有child_container类的块(见代码底部)时，函数parent_link_trigger将被触发。如果我将类为child_container的元素移到外部，那么很多逻辑都会被破坏，因此需要花费大量的时间进行重构。下面是我的代码：
<a class="parent_container" onclick="parent_link_trigger(); return false;" >
<div><span>here some text</span>
<
浏览 1提问于2019-05-01得票数 0
这有点疯狂，我不确定出了什么问题。我想让一个DIV可以点击来显示/隐藏孩子的DIV。但是一旦我做了一个孩子的隐藏，我就不能揭开它。
这是我的全部代码。感谢您的帮助。在下面的示例中，我无法在单击Cancel按钮时取消隐藏inner1。
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" sr
浏览 0提问于2010-10-22得票数 0
回答已采纳
我目前正在尝试将一些可点击的div放入文章标签(HTML5)中。现在，问题是我的文章也是可以点击的，所以每当我尝试点击我的div时，它都会假设我点击的是文章。我的点击监听器是在javascript中设置的，下面是我的代码：
HTML：
<article id='one'>
<div id='somediv' class='up'>Stuff</div>
</article>
当然，这只是我想要做的一个例子。
Javascript：
articles = document.getElement
浏览 0提问于2012-12-20得票数 0
我试图在页面上的某个按钮被点击后添加一个jQuery点击监听器。单击按钮后，单击页面上的任意位置，脚本将运行。问题是，处理程序在您单击按钮后立即运行，而不是等待“主体”单击。代码如下：
<html>
<head>
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
</head>
<body>
<button data-stat="off" onclick="handler(
浏览 0提问于2016-10-24得票数 1
2回答
单击窗体上的“提交”关闭模式窗口
、、、、
我有一个模式窗口，允许用户提交一个表单作为调用操作之一。然而，点击‘提交’关闭模式窗口，但我不希望它。。
要激活模式窗口，用户可以单击任何互联网选项的“卡片”上的黄橙色“开始”按钮。然后，要填写和提交表单，用户单击“请求回调”按钮。实际上，来找，点击任何地方接受“请求一个回调”按钮关闭模式窗口，而不仅仅是点击‘提交’按钮。
我试过使用以下代码：
if ( $(event.target).is('.modal-window-content') ) {
return false;
}
if ( $(event.target).is('input') ) {
浏览 12提问于2015-04-20得票数 0
回答已采纳
1回答
我的页面中有一个元素。
<div id="element">try</div>
当我点击页面中的其他元素时，我想隐藏它。
我该怎么做呢？
浏览 3提问于2010-05-10得票数 0
回答已采纳
我有一个表列表视图及其行编辑选项。 当单击编辑图标时，会打开一个弹出窗口，其中包含一些输入字段(下拉菜单、文本字段等)。当我在模式弹出窗口中点击输入元素时，根据点击的元素位置，下面表格中的相应行将被选中。 我们如何阻止点击/选择事件通过下面的元素？
浏览 25提问于2021-06-25得票数 0
回答已采纳
HTML
<div class="mybox" id="element1">
<div class="mybox" id="element2">
<div class="mybox" id="element3">
</div>
<div class="mybox" id="element4">
</div>
</
浏览 0提问于2012-10-10得票数 1
回答已采纳
下面是我的代码，供大家使用： =D
在Chrome、FF、Safari、优秀的浏览器等中都能正常工作。
但在IE7中，当我点击“新内容”并拖动时，它也会移动它所在的部分(而且移动的速度不同)。非常奇怪的行为。你知道这是什么原因造成的吗？
浏览 0提问于2011-07-28得票数 2
回答已采纳
1回答
表行可单击：
<TableRow
sx={{ '&.MuiTableRow-root': { cursor: 'pointer' } }}
hover
key={row.id}
onClick={() => handleRowClick(row.id)}
>
我在一列中有一个图标按钮：
<TableCell>
<Tooltip title='Survey options'>
<IconButton
onClick={() => console
浏览 3提问于2022-11-12得票数 0
回答已采纳
e.preventDefault();可以防止冒泡，但我们如何防止捕获阶段进一步深入到子级。
基本上，我有父元素和子元素都有点击事件，但我想要触发只点击父元素，而不是当用户单击子元素时的子元素。
在下面的示例中，当用户单击任何a标记时，不应将用户重定向到href页面，而应激发parentdiv元素的click事件
<div id='parentdiv'>
<a href="a.html"></a>
<a href="b.html"></a>
<a href=
浏览 23提问于2016-07-21得票数 1
1回答
在这篇博客中，我发现了一个有趣的效果，我使用footer属性进行编程实践。其效果是滑动页脚，就像我为之工作的程序的选项卡一样。
现在的问题是，如果我添加一个音频播放器以上的标签，当我想开始音频播放，标签幻灯片点击我的播放器例如点击播放或停止，我想要的是，只有这激活了页脚标签，点击它来滑动，而不是音频播放器，不执行任何行动，滑动作为一个项目，只有当我点击它播放。代码如下：
HTML
<span class="fTab">
<!- - AUDIO- - >
<section id="repro">
<au
浏览 3提问于2017-04-23得票数 1
2回答
我只是在尝试实现一个非常简单的jQuery操作。
我有两个组件：#safety和#safety-tab a，#safety需要在加载时隐藏。当单击#safety-tab中的a链接时，它将对自身执行hide操作并对#safety执行slideUp操作。
这样就行了，但是#safety框只是在点击时闪烁，而不是一直显示：
$(document).ready(function() {
$("#safety-tab a").click(function() {
$(this).hide();
$("#safety").removeClass(
浏览 0提问于2010-08-04得票数 2
回答已采纳
考虑以下JS代码：
<script type="text/javascript">
$(function() {
// Check if landing on the page with a hash
if (window.location.hash.length) {
$('html,body').animate({scrollTop: 200}, 100);
return false;
}
// Same-page anchors
$('a[href*=#]
浏览 2提问于2012-06-12得票数 0
回答已采纳
1回答
单击输入时停止传播
、、、
我有一个html表，当用户单击一个表行时，该行的复选框就会被选中，并且会出现一些其他功能。当用户单击select或input时，我想停止传播，这样复选框就不会改变。我已经演示了我在这个JSFiddle中寻找的功能：
在我的开发站点上，当用户单击select时，复选框会更改(根据需要)，但如果用户单击输入，则复选框不会更改。我有以下代码来阻止checkbox更改：
$("select").click(function (e) {
e.stopPropagation();
});
$("input").click(function (e) {
e
浏览 0提问于2014-12-03得票数 5
我正在尝试创建一个简单的应用程序，需要隐藏和显示div内容的点击。它很好，除了当我点击一个span或者列表的时候，div不会观察到点击。观察此div中所有点击的最佳方式是什么？
<div data-hour="16" data-minute="0" data-duration="1" class="even">
<span class="title" >block:</span> <span>4:00PM</span>
浏览 2提问于2010-11-21得票数 0
回答已采纳
1回答
我有这样的演示场景：
我在表行(tr)上使用了"onClick“，但在X图像上还有第二个链接来删除该行……但是当我点击X链接时，我也会重定向到tr链接...如何使用X上的链接，而不重定向到行上的链接？
浏览 2提问于2013-02-26得票数 1
回答已采纳
在jQuery中，触发器(‘click’)和click()似乎只触发onclick事件。我想模拟一个没有onclick事件的标签的点击。
我想要达到的是在着陆时显示一个灯箱。lightbox被附加到一个需要点击的标签上。
有什么想法吗？
浏览 0提问于2009-10-29得票数 3
嗨，我是学习Vue.js的新手，我想知道如果我双击子元素，是否可以防止父元素中的dblclick事件。.stop或.prevent不起作用。删除span标记是相同的。
<div @dblclick="$emit('someEvent', task.id)">
<span>
{{task.text}}
<i @click.stop="$emit('set-task-to-edit', task.id)">
浏览 5提问于2021-08-07得票数 0
回答已采纳
3回答
我有一个简单的代码，我想隐藏一个div，如果用户单击这个div中的其他div.container或button，这是我的代码
$('div, button').click(function(){
$('.div').toggle('hide');
})
div{
height: 200px;
width: 200px;
}
.container{
background: pink
}
.div{
background: blue
}
<script src="https://ajax.googleapis.c
浏览 3提问于2016-04-11得票数 2
回答已采纳
2回答
我使用的是一个jquery表插件，当你点击一个列标题时，它会对行进行排序。我正在尝试实现一个功能，您可以通过单击标题中的'X‘来删除列。我的头文件看起来像<th><div class="remove-column">X</div>Total Cases</th>，并且在remove-column类上有一个单击事件侦听器。当我单击X时，不是像我希望的那样隐藏列，而是对行进行排序。
我用来隐藏表的函数甚至没有被调用。这可能是一个样式问题，还是完全是其他问题？
为了清晰起见，需要更多的代码。我也在使用Backbone：
事件侦听
浏览 0提问于2013-01-04得票数 0
我的Windows应用程序中有一个Bing Map控件。我使用地图的Tapped事件在选定的位置放置一个Pushpin。
我的地图还包含一个带有一些可点击元素的MapItemsControl。实际上，它们是一些图钉，当点击时显示弹出窗口。
问题是，当我点击这些图钉时，Map的点击事件也会被触发。
我还注意到，当这种情况发生时，所有元素都会再次呈现，从而在可视元素上产生奇怪的行为。
知道为什么会发生这种情况吗?如果Tap发生在其他元素上，我如何避免地图捕获被点击的事件？
浏览 5提问于2014-10-30得票数 0
回答已采纳
2回答
假设我在可点击的容器中有一个按钮 <div class="container" (click)="onContainerClick()">
<button (click)="onButtonClick()">Button</button>
</div> 当我点击按钮时，onContainerClick和onButtonClick都会被触发。有没有办法在容器内只触发按钮的click事件？ 示例：https://stackblitz.com/edit/angular-mekd2t
浏览 13提问于2019-12-09得票数 3
1回答
我使用<table>显示单独的表或数据的“行”，类似于以下内容：
<table data-id='1' onclick='someFunction($(this).data('id'));'>
<tr><td>row1</td><td>data</td></tr>
<tr colspan=2><a href='#' class='seemore'>see more</a></tr
浏览 1提问于2016-03-18得票数 0
回答已采纳
我正在使用bonsai.js库，并在网站的英雄部分添加了一个很大的stage。然而，在Chrome中，当鼠标在stage上(在标语和蓝色按钮轮廓之间)时，我无法向下或向上滚动。在Firefox和Safari中，我仍然可以滚动。为什么Chrome会出问题？
网址：
浏览 4提问于2013-04-26得票数 0
1回答
我得到了这个html
<div class="tagc">
<p class='HidTagc'>Hide</p>
<p class='tpt'>Tagged people</p>
</div>
这个jquery
$(".HidTagc").click(function(event) {
$(this).parent().css({'border-bottom':"1px soli
浏览 17提问于2016-07-18得票数 1
回答已采纳
我想隐藏一个div时，点击一个文件，但我不想隐藏该div时，有人点击它，或点击一个链接或按钮在其中。另外，我在div设置中有一些链接，以防止单击操作(返回false;)并发送ajax请求。
我试过：
$(document).click(function(e) {
$('#bubble').hide();
});
$('#bubble').click(function(e) {
return false;
});
它运行良好，但#气泡下的链接和按钮不起作用。
浏览 4提问于2010-07-06得票数 3
我正在使用作为我正在开发的单页面应用程序的模板。
然而，我在实现点击绑定器时遇到了麻烦，我以前也有过这样的事情，但他的点击事件被劫持了。
我的视图模型有一个功能：
var self = this;
self.goToItem = function(item) { location.hash = "#/Item/" + item.id };
这是标准的。
<h2>Saved Items</h2>
<div data-bind="foreach: savedItems">
<div data-bind="clic
浏览 1提问于2014-01-18得票数 0
我有一个使用ng-href打开新选项卡的链接(为什么使用chrome弹出窗口阻止程序而不是ng-click是一个很长的故事)。示例可以在中找到。
现在我想添加当按下enter键时点击链接的能力，所以我添加了这个...
link: function() {
$(document).on("keyup", function(event) {
if (event.which == 13) {
$("#clicking").trigger('click');
}
});
}
在JS端调用所有内容都是正确的，但选项卡从未
浏览 0提问于2016-04-14得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
