JavaScript -如何访问event.currentTarget的同级？
JavaScript中，可以通过一些方式访问event.currentTarget的同级元素。下面是一些常用的方法：
- 使用父元素进行遍历：可以通过event.currentTarget.parentNode或event.currentTarget.parentElement访问到父级元素，然后通过父元素的childNodes或children属性来获取所有子元素，再使用循环遍历找到目标元素。
- 使用兄弟元素进行查找：可以通过event.currentTarget.nextSibling和event.currentTarget.previousSibling访问到当前元素的下一个兄弟元素和上一个兄弟元素，然后再通过循环向前或向后查找满足条件的元素。
- 使用相同父元素的子元素进行筛选：可以通过event.currentTarget.parentNode或event.currentTarget.parentElement访问到父级元素，然后使用querySelectorAll方法来选择所有同级元素，再使用循环遍历找到目标元素。
- 使用事件委托：可以在父元素上添加事件监听器，然后通过事件对象的target属性来获取真正触发事件的子元素，再进行判断和操作。
这些方法都可以根据具体场景和需求选择使用，例如，如果需要快速获取同级元素中的第一个或最后一个元素，可以使用兄弟元素进行查找；如果需要根据特定条件筛选同级元素，可以使用父元素的子元素进行筛选。
在腾讯云的产品中，与JavaScript相关的产品包括云函数 SCF（https://cloud.tencent.com/product/scf）和云服务器 CVM（https://cloud.tencent.com/product/cvm）。云函数 SCF 是一个事件驱动的无服务器计算服务，可以在云端运行 JavaScript 代码，处理各类事件和请求。云服务器 CVM 提供了云端虚拟机的计算能力，可以使用 JavaScript 进行服务器端开发和管理。
注意：本回答仅提供了一些常用的方法和腾讯云产品的参考链接，具体应用和实现方式还需要根据实际情况进行调整和选择。
相关·内容
我是javascript的新手，所以这个问题。
我使用data-id传递一个与单击事件相关的想法。
<a href="#" onClick={this.handleClick} data-id={image.id}>
这是我的句柄单击方法，
handleClick(event){
event.preventDefault();
let mediaId = event.currentTarget.attributes['data-id'].value;
this.props.handleClick(mediaId);
}
现
浏览 0提问于2016-11-15得票数 0
例如：
我在一个普通按钮上设置了一个单击事件。在此按钮元素下嵌套的dom中，我有一个span元素。我希望能够在按钮触发的单击事件范围内触发span元素。
如何得到span元素。我不想弄乱按钮元素。我有困难从按钮内获得跨度，点击事件目标。在下面的例子中。用户单击按钮，span元素就会弹出标准的jquery效果。我可以很容易地访问按钮，但是孩子呢？这样做应该很容易，但我无法在返回的事件对象上找到正确的访问键，以找到我希望为这个特定事件目标获取/设置的范围。
更好想法的代码：
<template name="test">
<div class="cont
浏览 1提问于2017-03-04得票数 0
回答已采纳
描述
我有一个viewModel，它包含一个数组。
现在，我想为数组中的一个项获取相关的dom元素。
问:如何获得数组中某一项的DOM元素？
示例
<script src="~/Scripts/knockout-2.0.0.js" type="text/javascript"></script>
<script src="~/Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
简单UI
<span data
浏览 2提问于2012-08-07得票数 2
当一个社交分享图标被点击时，所有其他的社交图标也会被触发。
这是我的HTML。
<div class="share">
<div class="toggle"></div>
<ul>
<li><a id="facebook-icon-hover" href="#"> <i class="facebook-icon-hover fab fa-facebook"></i></a><
浏览 0提问于2021-11-28得票数 0
我对javascript很陌生。我试图在循环中将“单击”事件侦听器添加到<div>元素中，这些元素嵌套在父<div>元素(id="cont")中。
但问题是，如果我在"ClickOnMe“函数中传递参数ClickOnMe，则引用指向周期完成后的cont.children[cont.length] (实际上并不存在)。下面是有问题的代码：
cont.children[i].addEventListener("click", function() {ClickOnMe(cont.children[i]);});
传递常量0而不是i变量
浏览 1提问于2016-03-15得票数 2
回答已采纳
我有两个选择框：
<b-form-select :id="('os-field-'+items.name)" required>
<option v-for="names in items.versions" >
{{ names.version }} {{ names.kernelVersion }} ({{ names.name }})
</option>
</b-form-select>
<b-form-select :id="('st
浏览 2提问于2019-07-25得票数 0
回答已采纳
我需要javascript将输入元素的背景更改为红色(如果大于前面的数字)或红色(如果小于前面的数字)。
html中输入元素的值应该在数组中，然后javascript应该分析数组，如果输入元素的数目大于前面的数字，则使输入元素为背景绿色，如果小于前面的数字，则为红色。
HTML
<form>
<input type="number" class="display" value="" id= "seat-1">
<input type="number" class="
浏览 0提问于2019-04-04得票数 0
回答已采纳
如果鼠标在div或者div的任何嵌套元素上，我想要显示一个工具栏。但是下面的jQuery 1.7解决方案只有当鼠标直接放在div上时才能工作，这只有在我向padding类添加一个item时才能实现。
<head>
<script type="text/javascript" src="jquery-1.7.min.js"></script>
<style type="text/css">
.toolbar { display: none; }
.item { padding:
浏览 1提问于2011-11-19得票数 1
回答已采纳
4回答
<div id="myId">
<inut type="text" name="what I should get">
<a href="#" name="one" class="add"><img src="add.png" /></a>
</div>
我需要一个jquery函数，以便在单击我尝试使用的链接时获得输入名称
$(':input').attr('name');
但是它
浏览 0提问于2013-03-31得票数 0
因此，我正在尝试创建一个可重用的函数，供我页面上的每个.feature-image使用。如果我不使用backbone events:并且我只编写被注释掉的代码，它就可以工作。如何获得模仿注释代码的事件imageOver和imageOut？
app.newsroomPageElementView = Backbone.View.extend({
events: {
'mouseenter .featured-image': 'imageOver',
'mouseleave .featured-image': &#
浏览 0提问于2013-02-09得票数 0
回答已采纳
当我单击某个项目时，它会展开。当我单击另一项时，它也会展开，但第一项也会展开。我只想在任何时候扩展一个项目，即:我点击的那个。所以我需要基本上把所有东西都切换到它原来的状态，然后只展开我点击的那个。我所用的例子有一个代码库。
// external js: masonry.pkgd.js
var $grid = $('.grid').masonry({
columnWidth: 120,
itemSelector: '.grid-item'
});
$grid.on( 'click', '.grid-item-content&
浏览 0提问于2020-06-04得票数 3
回答已采纳
1回答
目前，我在视图页面中调用了一个JavaScript文件，在该文件中可以显示数据信息。同时，我有一段JavaScript，它在点击图像后显示一个菜单栏。这个脚本是在页面完全加载之前运行的，或者什么的，因为它不工作。在所有其他脚本都已完成运行并加载了页面之后，如何才能使我的JavaScript中的一部分采取行动？这就是我试过的，但工作不对
JavaScript
(function ($) {
.... lines to load view page with data
$(document).ready(function () {
$('figure').on('
浏览 1提问于2013-04-05得票数 5
回答已采纳
我在元素中有几个Javascript输入，并且在它们下面。
我还有一个javascript函数，如果有字母输入，它会擦除输入的值，这样它就只接受数字。
t=function(elem){
elem.onkeyup=function(e) {
if(!/[\d\.]/.test(String.fromCharCode(e.which))) {
elem.value='';
x=elem.nextElementSibling;
x.innerHTML='invalid string';
}
};
};
<dt>
&
浏览 0提问于2015-09-08得票数 0
嗨，关于FileStream openAsync读取文件，我有一个问题，我有一个侦听器正在等待完成。
var file:File = File.applicationStorageDirectory.resolvePath(fName+'.'+EXT);
var fileStream:FileStream = new FileStream();
if (!file.exists) {
this.dispatchEvent(new AppEvent(AppEvent.DATA, null, false));
浏览 1提问于2017-02-22得票数 2
回答已采纳
这是我的密码：
<Button
disabled={filter === 'Active'}
size='md'
color='primary'
name='Active' // complete = false
onClick={this.handleFilterClick}
>
Active
</Button>
在我的函数处理程序上，我得到了该事件的错误：
handleFilterClick = (e: React.MouseEvent<HTMLButtonElement,
浏览 1提问于2019-03-28得票数 7
回答已采纳
1回答
html <div id="group1">
<button>buttonA</button>
<button>buttonB</button>
</div> javascript $('#group1').on('click', function(event) {
// get ONLY the value of the button cilcked
}); 如果不将事件附加到组中的每个按钮，这样的事情是可能的吗？
浏览 15提问于2021-01-03得票数 0
我使用下面的代码
document.addEventListener('click', (event) => {
const { className, id, src = null, href = null } = event.currentTarget as HTMLElement;
console.log(className, id, src, href);
});
这里，currentTarget可以是任何东西，一个div，按钮，锚等等。我不能将currentTarget指定为HTMLElement，因为在类型def (href和src)中缺少一些
浏览 15提问于2019-11-20得票数 1
回答已采纳
我正在将我以前的JavaScript代码转换为类型记录。现在我遇到了以下问题。当我将旧的原型代码转换为类型记录中的类和方法时，我对事件有一个问题:考虑下面的代码：
// call this class, provide the parameter of the column
var self = this;
cell.onclick = function () {
self.makeTableSort(this); <== problem with parameter this.
};
问题是，我需要单击html元素的对象。其中，作为"this“的参数不是引用类对象，而是
浏览 3提问于2016-06-05得票数 0
回答已采纳
1回答
我有一个主干模型，它表示一个表。它有一个headers方法和一个rows方法，handlebars模板使用它在视图中创建表格。
每行中的一列将有一堆需要调用javascript的按钮。我知道视图中的事件，但我不确定如何将它们联系起来...
目前，我有：
class App.Table extends Backbone.Model
[BLAH BLAH]
columns: =>
columns = []
[BLAH BLAH]
Array::push.apply columns, [['<input id="clickMe" ty
浏览 0提问于2018-08-30得票数 0
4回答
我认为我目前编写的javascript相当不错，但我正在尝试转向一种更面向对象的方法。我才刚开始，所以请原谅我的虚荣心。我把我的一些函数移到对象上，并遇到了这个问题。以前，我有一个手风琴功能，它的工作方式是这样的：
jQuery(document).ready(function ($){
var accordionTrigger = $('.accordion-title');
function toggleAccordion() {
// Set a variable for the accordion content
var accordionConte
浏览 0提问于2015-09-21得票数 3
回答已采纳
1回答
我在访问Firefox中的“事件”时遇到问题。下面的代码在Chrome中运行得很好，但在Firefox中我得到了一个“事件未定义”的错误。
<tr onclick="rowSelected('thisRowType')">
... row content ...
</tr>
<script type="text/javascript">
function rowSelected(type) {
var eventRow = event.currentTarget; // here
浏览 2提问于2011-01-11得票数 3
回答已采纳
1回答
这是我的流星模板：
{{#each p}}
<div class="cpl">
<div class="chat-post">
<li class="post">
<div class="nm" id={{_id}}>
<a>{{username}}</a>
</div>
<div class="con">{{content}}</di
浏览 2提问于2016-09-23得票数 1
1回答
CSS：
.motionContainerMenu{
width: 100%;
height: 30px;
position: relative;
margin: auto;
margin-bottom: -7px;
border: 2px solid red
}
.motionTop{
position:absolute;
border:2px solid blue;
background-color: red;
height:10px;
width:100%
}
Html：
<nav>
浏览 1提问于2017-07-10得票数 2
回答已采纳
如何单击列表中的笑脸/表情符号并将其放入输入栏？我可以在Inspect元素Q(控制台日志)中看到它正在被单击，但我找不到将其复制到输入字段的方法。 HTML <div id="wrapper">
<div class="bubble-container" ></div>
</div>
<div class="emoji" onclick="javascript:smileySelect(event);">
<span tit
浏览 44提问于2020-09-24得票数 0
回答已采纳
1回答
我有这个菜单：
我正在尝试使用这个javascript切换单个部分的内容，同时单击"+“
$(".singleproject").hide();
$(".plus").click(function()
{
$(this).parent().next('.singleproject').toggle();
});
你知道我做错了什么吗？
浏览 0提问于2016-03-21得票数 1
我试图做的是，当我悬停在一个链接上时，使其正确的边框更改颜色以及前一个链接的边框更改颜色。
<div id="navbar">
<ul>
<li><a href="#">News</a></li>
<li><a href="#">Gigs</a></li>
<li><a href="#">Gallery</a></l
浏览 0提问于2012-01-15得票数 2
1回答
我的vue组件如下：
<template>
<form>
...
<a href="javascript:" data-toggle="modal" data-target="#modal-cart" class="btn btn-danger btn-block" @click="addToCart">
<span class="fas fa-shopping-cart"></sp
浏览 3提问于2018-02-19得票数 0
1回答
鼠标悬停时附加的事件侦听器
、、、、
我是Javascript的新手，正在尝试将一个匿名函数附加到事件侦听器。该函数的作用是，当mouseover第一个元素时，将根据第一个元素中文本的长度在第二个元素中显示一条消息。
但是，当我将鼠标悬停在第一个元素上时，什么也没有发生。因为我是JavaScript的新手，我不确定我做错了什么。
function checkLength(event, minLength){
var el, elementTwo;
el = event.target;
elementTwo = el.nextSibling;
浏览 18提问于2016-09-19得票数 0
回答已采纳
1回答
这是我玩的小提琴
这是我的html
<div id="search_container">a</div>
<script type="text/template" id="search_template">
<label>Search</label>
<input type="text" id="search_input" />
<input type="button" class="bu
浏览 5提问于2013-11-20得票数 1
回答已采纳
我有一个JQuery代码片段，写在我的角组件的ngOnInit中。这样做的目的是在模板html中选择文件时触发一个方法。
下面的JQuery是用ngOnInit编写的。注意，它使用箭头函数。
$(document.body).on("change.bs.fileinput", ".fileinput-exists", () => {
alert("fired");
// do file upload stuff
// for that, access the current input field and get t
浏览 0提问于2017-05-22得票数 0
回答已采纳
1回答
我正在尝试使用Object.prototype编写和学习，而且当我在另一个方法中调用它时，我会收到一个错误，即this.issue不是一个函数。我做错了什么，这是导致它通过这个不透明的TypeError？
Javascript：
$(document).ready(function() {
var Example = function() {
this.number1 = null;
this.number2 = null;
};
Example.prototype.issue = function() {
//Logic is h
浏览 1提问于2016-01-09得票数 1
回答已采纳
嘿，伙计们，我对javascript很陌生，我想知道如何才能用javascript中的onClick方法获得段落中的点击次数。
我使用的代码是
<html>
<body>
<p id="avalue"> kdfbkjdf </p>
<script>
var a = document.getElementById('avalue');
a.onClick = function(b) {
console.log(b);
}
</script>
</body>
</htm
浏览 2提问于2014-11-26得票数 1
回答已采纳
当指针悬停在left和width中时，我试图从元素中获取li和li样式，但我得到的只是空字符串。
<div>
<div className="categories-list-container">
<ul className="categories-list">
{categories.map((category, index) => {
return (<li onClick={handleCategoryFocus} key={index}>{cat
浏览 2提问于2021-02-01得票数 0
回答已采纳
2回答
我正在用JavaScript开发一个使用websockets的聊天室应用程序。然而，除了零星的jQuery小片段之外，我几乎没有使用JavaScript的经验。
我的问题是，我应该使用什么设计模式来使一个对象自包含，并且能够创建它的多个实例，而不会干扰同一对象的其他实例？此外，当'this‘关键字引用当前对象实例以外的其他内容时，我还需要知道如何存储公共对象属性并从事件处理程序中访问它们。
代码示例将会很棒！
目前，我正在使用prototype设计模式，它似乎正在工作，但并不是很优雅--至少可以说……尤其是我处理事件的方式，有没有更好的方法？
我目前正在做一些类似的事情：
functi
浏览 0提问于2013-01-12得票数 3
如何确定在IE的onload和onerror事件处理程序中触发事件的图像的图像src？下面是我拼凑的示例代码：
<script language="javascript" type="text/javascript" src="jquery.js"></script>
<script language="javascript" type="text/javascript">
function loadImages() {
var goodImage = new Image(
浏览 1提问于2010-05-08得票数 1
下面提供了以下示例代码：
HTML：
<button id = '33' class = "clickme">Click here</button>
联署材料：
$(document).on("click",".clickme",function(event){
var eti = event.target.id;
var eci = event.currentTarget.id;
var ti = this.id;
alert ("1: " + eti
浏览 5提问于2015-09-08得票数 7
回答已采纳
2回答
使用类而不是ID
、、
我的父类中有两个$(this).parent('div').next('.client-rolldown').show();，其中一个是由$(this).parent('div').next('.deal-rolldown').show();找到的，另一个是div，它找不到语法上相等的div。
在WordPress中，我迭代了(未知)数量的帖子，每个帖子都有两个按钮来显示更多内容。到目前为止，我已经在每个迭代中运行了一个文档就绪函数，以解决每个按is显示的问题，但这效率很低。
因此，我正在尝试使用类来编写函数。这是JavaScri
浏览 3提问于2016-01-31得票数 2
HTML：
<div class="my_1"></div>
<div class="my_big">
<div class="small" id="id_1"></div>
<div class="small" id="id_2"></div>
<div class="small" id="id_3">
浏览 4提问于2012-11-04得票数 0
1回答
我有一个简单的同位素网格，其中包含复选框输入，用于对网格中的项目进行排序。这个还行。问题在于"Show“复选框与不同类别复选框之间的交互。
当选中"Show“时，我必须手动取消选中才能选中任何类别复选框。当我取消对所有类别的检查时，我想让“显示所有”检查自己，以指示所有类别项目都正在显示。
如何在选中任何一个或所有类别时“显示所有”自身？
当所有类别都未被选中时，如何进行“显示所有”检查？
和
如何在页面加载时检查“显示所有”？
jQuery
var $container = $('#container').isotope({
itemSel
浏览 7提问于2021-11-22得票数 0
回答已采纳
1回答
我在一个函数中创建了一个画布，在他的函数中我有一个CLICK eventlistener。在点击时，我想要操作画布内部的内容。
使用Dictionary类引用画布可以吗？
浏览 2提问于2010-05-11得票数 1
回答已采纳
? return <img {...props} onLoad={event => {
console.log(event.target.naturalWidth)
}}/> 我想在TypeScript React中检索naturalWidth和naturalHeight。 但是被卡住了，TypeScript找不到那个属性。 如何在TypeScript React中检索naturalWidth和naturalHeight？
浏览 49提问于2019-06-04得票数 1
回答已采纳
1回答
我被迫在工作中使用骨干，虽然我的知识仍然非常有限。
我很难理解“这个”元素-以下是一个例子：
通常，这将是一段jQuery代码：
$('.birds').click(function() {
$(this).fadeOut();
});
我想要实现的是，当单击具有相同类的多个元素中的一个元素(例如.birds)时，能够对这个特定的单击元素执行操作。
虽然我看到“这个”在视图中经常使用，我甚至不知道从哪里开始“这个”我的“这个”。
我希望能简短地解释一下这是怎么回事。
编辑：
谢谢你的链接，我会读到的。同时，假设这一结构：
events: {
'click
浏览 2提问于2014-07-18得票数 0
回答已采纳
3回答
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery(".content").hide();
//toggle the componenet with class msg_body
jQuery(".link").click(function()
浏览 0提问于2011-03-25得票数 0
1回答
我的项目中有一个问题，允许第一个请求( one.jsp)重新加载页面或重定向到页面，如果在第一个请求完成之前(在加载one.jsppage之前)出现了第二个请求( two.jsp )，则不应该处理第二个请求，并且应该拒绝它。
<pre>
<form id = "testform" action = "form.jsp">
<input type = "hidden" name = "testhidden" value = "">
</form>
<a href
浏览 0提问于2015-03-05得票数 0
表单是用dojoAttachPoint定义的。作为<form dojoType="dijit.form.Form" dojoAttachPoint="myForm">
现在，我想从同一个javascript和同一个超级小部件内的另一个小部件访问表单值。我如何才能做到这一点？
浏览 0提问于2013-09-18得票数 0
1回答
因此，当我单击details按钮时，我想显示一些详细信息。我使用for循环遍历按钮，但它使得当我单击一个按钮时，其余的按钮也会被单击。我知道这是由于for循环造成的。但是，如何使用循环使所有按钮都可以单击，而不是在单击某个按钮时防止所有按钮都被单击？我对JavaScript是个超级新手。
function showDetails() {
for (let i = 0; i < allProducts.length; i++) {
const getHiddenDescription = document.getElementsByClassName("de
浏览 0提问于2021-09-23得票数 0
很明显，event.target处理发起事件的DOM元素。
event.delegateTarget提供了DOM元素，我们在其中实际上附加了侦听器，
但是我很难理解我什么时候会使用- ：
查看jQuery示例，其中显示了下面的示例：
它看起来和event.delegateTarget完全一样
$( "body" ).click(function( event ) {
$( "#log" ).html( "clicked: " + event.currentTarget.nodeName );
});
我点击的每一个地方--上面写着:
浏览 12提问于2014-06-22得票数 0
回答已采纳
1回答
我有一个$http.get请求
function a(event) {
var target = $(event.currentTarget);
$http.get(url).then(function() {
},
function() {
//Not able to access target.
});
}
在错误回调中，目标变量是未定义的。为什么？
浏览 2提问于2016-08-11得票数 0
TL;DR:有没有一种方法可以将HTML表单作为对象提交给JavaScript函数？
以这样的形式：
<form action="javascript:myFunction(this);" name="myForm">
<label>First: <input type="text" name="first"></label>
<label>Second: <input type="text" name="second"><
浏览 3提问于2017-12-09得票数 1
回答已采纳
我希望能够在主干视图中拖动div元素。要做到这一点，我需要在Backbone View方法中侦听这三个事件mouseup，mousedown，mousemove。
events: {
"mousedown .status .progress .seek-bar .seek-bar-grip": "slide",
"mouseup .status .progress .seek-bar .seek-bar-grip": "slide",
"mousemove .stat
浏览 1提问于2014-01-30得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
