如何传递event.target值？
在前端开发中，要传递event.target值，可以通过以下几种方式实现：
- 通过事件监听器传递：在HTML元素上添加事件监听器，当事件触发时，可以通过事件对象event来获取event.target值。例如，在JavaScript中使用addEventListener方法监听点击事件：
document.getElementById("myElement").addEventListener("click", function(event) {
var target = event.target;
// 处理event.target值
});- 通过函数参数传递：如果需要将event.target值传递给某个函数，可以在调用函数时将event.target作为参数传递进去。例如：
function handleEvent(target) {
// 处理target值
}
document.getElementById("myElement").addEventListener("click", function(event) {
handleEvent(event.target);
});- 通过自定义属性传递：可以在HTML元素上添加自定义属性，将event.target值作为属性值传递。然后在事件处理函数中通过访问该属性来获取event.target值。例如：
<div id="myElement" data-target="example">Click me</div>
<script>
document.getElementById("myElement").addEventListener("click", function(event) {
var target = event.target.dataset.target;
// 处理target值
});
</script>这些方法可以根据具体的需求选择使用，传递event.target值的方式取决于开发者的设计和实现方式。
相关·内容
我正在通过一个AJAX调用(特别是axios)向我的rails后端提交一些数据。 我的AJAX请求看起来像这样： Axios({
url: "/terms/" + event.target.term_id.value,
method: "put",
data: {
"term[en_text]": event.target["term[en_text]"].value,
"term[de_text]": eve
浏览 14提问于2021-01-06得票数 0
回答已采纳
1回答
我正在尝试处理一个简单的JQuery单击事件，如下所示
$('nav.menu a').on('click', function(){
console.log($(this)); // returns the DOM element
});
但由于我想重用闭包，所以我将其更改为一个普通函数：
function myClickCallback(event, someParam){
console.log($(this)); // returns the 'window' obj
}
$('nav.menu a').o
浏览 2提问于2016-02-07得票数 0
4回答
我想知道如何在jquery自动完成上获取所选项目的文本值。
我已经将jquery初始化为：
$(document).ready(function (){
$("input#autocomplete").autocomplete({
source: postcodelist,
select: function (event, ui) {
AutoCompleteSelectHandler(event, ui)
}
});
});
我已经创建了一个函数AutoCompleteSelectHand
浏览 0提问于2011-06-21得票数 18
回答已采纳
假设我的网页有以下带有class='mytxt‘的动态生成的textbox元素。
<input type="text" class="mytxt" />
<input type="text" class="mytxt" />
<input type="text" class="mytxt" />
如何获得当前textbox元素用户正在键入并将其作为参数传递给另一个函数的方法。类似于：
$("body").on("keyup"
浏览 2提问于2018-04-13得票数 0
回答已采纳
1回答
我试图获得输入更改的值，但每次输入数字时，值都是未定义的。
const Numbers = ({ onChange, value }) => {
<Input
onChange={onChange}
/>
};
Numbers.propTypes= {
value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
onChange: PropTypes.func.isRequired
};
Numbers.defaultProps {
value: und
浏览 2提问于2020-07-17得票数 1
回答已采纳
这个问题很明显，但我不知道如何解决它
<div id="" class="sublistB cf">
<div class="topTab" title="click to select all options in this column"><span class="gray">(All)</span></div>
<div class="topTab" title="click to select all
浏览 0提问于2014-09-25得票数 0
我正在尝试浅层克隆一个KeyboardEvent事件。我试过了：
let eclone=new KeyboardEvent('', e);
它复制了大多数但不是所有的属性。特别是，它没有复制'currentTarget‘或'target’属性
我试着补充说：
eclone.currentTarget=e.currentTarget;
但此引发“无法分配给对象”#“”的只读属性“”currentTarget“”。“
如何克隆此事件？我能以某种方式暂时删除eclone.currentTarget上的只读吗？
浏览 13提问于2016-09-19得票数 1
我看到了jQuery选择器的以下用法：
$('[value=""]', event.target).remove();
我可以猜到这条语句的意思是从选择器event.target中删除选项value="“。
模式看起来像$(A，B)。在jQuery中使用哪种类型的选择器规则？
谢谢
浏览 7提问于2010-08-16得票数 0
回答已采纳
我试图创建一个非常小的react应用程序，它有一个带有乳胶符号的按钮，当点击它时，就会显示如何将这个符号包含在乳胶中。我正在使用npm包(“react katex”)在浏览器上呈现乳胶码。该按钮呈现得很好，但是当我单击该按钮时，我无法得到所需的结果。
我已经构造了我的应用程序，所以我有一个父组件( app )，它有一个子组件(Latex)，它有按钮。我想使用按钮标记的value属性将值传递给"onClick“事件的父级。这样，在onClick事件处理程序中，我可以使用event.target.value属性来达到我的目的。但是，当我运行程序时，event.target甚至没有引用该按钮
浏览 0提问于2019-08-02得票数 1
回答已采纳
我正在尝试创建一个react组件，它可以呈现一个“挂钩”：
或者是"nopeg“(这只是一个空白，没有钉住)。这仅仅是通过更改Peg组件的类来完成的。我还有另一个目的。如果点击了钉子，并且它的类是"nopeg"，那么我想要将peg更改为" Peg“类，然后等待1秒，然后将其更改为"nopeg”。这是使用React.js完成的：
class Peg extends React.Component {
constructor(props) {
super(props);
this.handleDrop = this.handl
浏览 0提问于2019-03-26得票数 1
回答已采纳
我正在尝试实现基于可折叠多层/嵌套列表的的简化版本，请参见下面的内容。单击list item id="li1"将按预期打开第一个后代UL元素id="ul1"。当单击list item id="li4"时，将按预期打开第一个子项UL元素id="ul2"，但为什么UL元素id="ul1"会关闭？
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
浏览 9提问于2022-03-31得票数 0
我试图通过在redux存储上映射来呈现一个元素，并且出于某种原因，reason认为我试图返回一个对象(error: Objects作为reason子程序无效(found: object HTMLButtonElement) )。我已经查看了我的整个代码和其他几个有类似问题的人的答案，但是似乎没有什么能解决这个问题。
我一直跟踪这个问题，却没有找到任何一个对象。我还阅读了关于同一问题的其他几篇文章，以了解这些修复是否适用，但其他人的修复都没有在这段代码中工作。我在这方面很新，所以我可能错过了一些显而易见的东西，但我已经做了几个小时了，没有取得任何有意义的进展。
导致这个问题的代码是这个块中li标
浏览 1提问于2019-04-15得票数 0
回答已采纳
我正在尝试将onChange输入值从子组件传递到react js中的父组件。我带着道具过关。但在组件中，它将值写为location: <input />。据我所知，它将返回值作为对象，但是当我尝试使用Json.stringfy进行转换时，它返回一个错误。那么如何在父组件中传递和设置这个值呢？
class Search extends Component {
// Define Constructor
constructor(props) {
super(props);
render() {
return (
<div>
浏览 1提问于2021-02-14得票数 0
1回答
看看下面的小提琴。
$(document).on("click", ".right", function() {
$("#debug").append("<br />Regular on-click: " + $(this).text());
});
$(document).on("click", ".right", {
qid: $(this).text()
}, GoToQuestion);
$(document).on("click", &#
浏览 3提问于2014-07-28得票数 0
回答已采纳
我试着得到一个可观察的窗口innerWidth。
我在调整大小事件上设置了一个可观察到的fromEvent
public get nativeWindow(): Window {
return window;
}
public getWindowSize(): Observable<number> {
return fromEvent(this.nativeWindow, 'resize').pipe(
map(event => (event.target as Window).innerWidth)
);
}
我希望能够获得window
浏览 0提问于2018-08-31得票数 6
回答已采纳
我有两个这样的html div：
<div class="div-class" data-val="1">Div 1</div>
<div class="div-class" data-val="2">Div 2</div>
<div class="div-class" data-val="2">Div 2</div>
使用jquery，我可以在单击每个div时获得data-val的正确值。
var el = $('
浏览 0提问于2014-06-23得票数 2
1回答
构建一个卡片匹配游戏，完整代码在这里
我正在尝试分配将一张卡片交给一个列表/数组的事件，或者我猜是一个变量，这样我就可以检查它是否与下一个翻转第二张卡的事件相匹配。但是，这个例子会导致错误，被放在函数openedCards()中。
let card1 = $(event.target).toggleClass('open show');
如果有更好的方法将值与以后的值匹配，我还没有学习它，但这是我目前所知道的。
另外，我已经实现了一个计数器，它应该增加到值1，然后下一个事件增加到值2，如果它们不匹配，重置两个卡，我将能够在第一部分工作之后测试它，但这是在函数openedCar
浏览 0提问于2018-05-16得票数 2
回答已采纳
2回答
我有一些代码，在这里，我试图在鼠标上做一些事情，并对其他的鼠标事件做一些其他的事情。
就像：
if (this.button sends mouseenter event) {
do something
} else if (any other mouse event) {
do something else
}
app.component.html
<div id="one">
<button type="button"
(mouseenter)="listen($event.target)"
浏览 4提问于2020-06-04得票数 0
回答已采纳
3回答
我有这个HTML：
<textarea class="question" onBlur="onBlurFun(event); return true;"
name="aaa" id="bbb"></textarea>
和JavaScript中的这个函数
onBlurFun = function(event) {
var tgt = $(event.target);
alert(tgt.attr('id'));
}
在IE中，tgt未正确设置。如何才能访问主叫节点？
浏览 1提问于2010-08-06得票数 0
回答已采纳
2回答
在事件侦听器中，我需要引用作为事件源的元素。我怎么弄到那个？
对于任何做JavaScript一段时间的人来说，这应该是一个不需要思考的问题。
包括事件处理程序在内的所有函数都在全局范围内，因此，隐式地将DOM window对象作为一部分。
function WireHandlers() {
$('.updateResourceImageButton').click(UpdateResourceLinkClickedHandler);
}
function UpdateResourceLinkClickedHandler() {
// I would like a
浏览 1提问于2013-10-09得票数 0
回答已采纳
我使用这个JQuery来处理某些人单击列表…中的“li”元素的情况。
$listItems.click(function(e) {
e.stopPropagation();
console.log( $(this) );
var selectedText = $(this).text();
selectItemFromStyledList($styledSelect, $this, selectedText, $list)
});
我想把代码放到一个函数中，所以我尝试了一下
$listItems.click({styledSelect: $styledSele
浏览 4提问于2016-07-22得票数 0
回答已采纳
2回答
代码：
class Locations extends React.Component {
render() {
let { home, work, onChange } = this.props;
return <div className="controls">
<GoogleMapLoader
containerElement={
<div
{...this.pro
浏览 0提问于2016-02-25得票数 1
回答已采纳
function changeColor(element) {
element.style.backgroundColor = "red";
console.log("Color has changed!");
}
docuement.querySelector(".box").addEventListener('click', changeColor);
如何将选定的".box“元素作为参数传递给addEventListener的侦听器函数？
浏览 2提问于2019-12-03得票数 0
回答已采纳
1回答
我试图在MUI扩展面板中添加一个实质性UI开关，我在一个对象数组中维护了开关的状态，并通过一个处理程序改变了状态。问题是，每当我单击开关时，状态就会被正确地更改，但是直到我再次手动折叠和展开面板时，才会显示开关的动画。我研究了一些类似的问题，发现有些人使用“onClick”而不是“onChange”，但不幸的是，同样的问题并不适用于我。
export default function ControlledExpansionPanels() {
const classes = useStyles();
const [expanded, setExpanded] = React.useSt
浏览 2提问于2020-06-14得票数 0
回答已采纳
我有一个问题，我想创建一个JavaScript类：
function Calculatore(txt,elements) {
this.p= new Processor();
this.output=txt;
$(elements).click(this.clickHandler);
}
Calculatore.prototype.clickHandler = function() {
var element=$(this);
// Code Here
// "this" contains the element.
// But what i
浏览 1提问于2011-10-21得票数 5
我试图通过jquery范围内的this引用调用一个函数：
var Person = function(){
this.hello = function(){
console.log("hello!");
}
this.jump = function(){
$('.jump').on('click', function(){
this.hello();
});
}
}
那我就做：
var p = new Person();
当我单击.jum
浏览 6提问于2014-08-14得票数 1
回答已采纳
如果event.target是ref=为“xxxx”的元素，请建议如何知道
我试过了
if(event.target.hasAttribute("[ref=xxxx]"))
，它不起作用。
非常感谢。
HTML
<div ref="xxxx"> xxxxxxxxxxxxxxxxx</div>
浏览 3提问于2013-01-03得票数 1
回答已采纳
1回答
我对AS2非常熟悉，对AS3也刚刚熟悉。
我有一个用作按钮的电影短片。在悬停时，Flash会播放电影片段的第二帧。我的问题是，我如何创建一个可重用的函数，它可以播放任何应用它的电影剪辑的第二帧，而不必每次都指定电影剪辑。下面的代码显然只能应用于"btn_next“。我错误地认为将'btn_next.gotoAndPlay(2)‘改为'this.gotoAndPlay(2)’可以工作，但是'this‘并没有指向调用函数的按钮。
btn_next.addEventListener(MouseEvent.ROLL_OVER mouseOverHandler)
fun
浏览 0提问于2013-05-24得票数 0
2回答
我一直在跟踪那个时候的HTML5视频教程，并且一直试图改变位数来使用AngularJS。但是，当您在一个与其当前正在玩的位置不同的位置单击时，我对酒吧没有更新有问题。
我的代码：
本质上，我有一个video.html文件，它加载视频播放器等(video.html包括在回购中)，如下所示：
<div id="big_wrapper">
<section id="skin">
<video id="myMovie" width="640" height="360">
浏览 3提问于2016-01-19得票数 0
3回答
如何通过单击将div中的data-url属性动态插入加载函数？
$(".link").click(function() {
$("#data").load("https://website.com/data/some-keywords-needed .content", function() {
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<
浏览 1提问于2019-12-30得票数 0
回答已采纳
6回答
HTML对象模型定义了一个Event对象。
看看MSDN，微软记录了一个。他们还将文档作为Internet早期版本的target的别名：
目标属性类似于8和更早版本中的。
因此，我在Internet中，坐在一个click断点上：
<div class="day" onclick="divClick(this)">
function divClick(sender)
{
var divCell = sender;
在F12 Tools控制台上，我可以请求全局event对象：
>> event
{
actionUR
浏览 4提问于2012-05-18得票数 11
回答已采纳
我试图从文本框中获取输入，并将其动态添加到页面底部的卡片中，如下所示：
<div>
<h2 class="projectTitle">Project 1 - The Dynamic Business Card</h2>
<hr />
<form>
<fieldset>
<legend>Modify Your Business Card</legend>
<label>First Name</label><input
浏览 6提问于2021-06-04得票数 0
回答已采纳
我有这个登陆页面，我有一个表单和一个函数，需要在提交表单时触发。以下是功能：
async function sendWaitlistData() {
const name_input = document.getElementById("name") as HTMLInputElement;
const name_arr = name_input.value.split(" ");
var first_name = name_arr[0];
for (let i = 0; i < name_a
浏览 3提问于2022-07-03得票数 0
2回答
在我的HTML中，我有一个元素列表。并且当用户点击该元素中的任何元素时，调用js方法。元素在设置给它们的类方面有所不同。
我正在尝试将点击的元素发送给js函数，让我们看到'this'：
(click)="onClick(my_string, this)"
但事实证明，发送的不是列表中的单个元素，而是父元素。
如何解决这个问题？
浏览 3提问于2018-06-27得票数 0
3回答
对于onkeypress事件，我有多个可满足的div，如下所示：
<script>
function hadd(event){
var val = event.charCode;
if(val == 36){//$ sign
var current = $(this);
console.log("val_c: " + val);
console.log("rh: " + curr
浏览 3提问于2016-12-04得票数 1
回答已采纳
故事
因此，我尝试创建一个可排序列表，其中每个项目都可以“固定”在按钮按下或其他事件上，从而使固定的项目变得不可拖动，并保持其在列表中的位置。到目前为止，我已经用下面的代码向可排序元素添加了一个类：
$(".test").click(function(){
//alert($(event.target).parent("li").text());
$(event.target).parent("li").toggleClass("static");
});
它的工作方式是将此单击函数绑定到每个li.free
浏览 2提问于2012-10-17得票数 3
2回答
他的问题是我的第一个问题，让我们看看进展如何。
所以，就这样说：
HTML：
<td><a href="https://www.google.es" class="confirmDelete">delete</a></td>
<div id="confirmDeleteBox" title="Delete Confirm" style="display:none"></div>
jQuery：
$('.confirmDelete
浏览 1提问于2014-06-18得票数 0
回答已采纳
我在Angular2中用$event编写了一个函数，通过模板类中的单击事件，它工作得很好。但我尝试手动调用该函数，因此如何通过函数传递事件值。
这是我的函数：
onActionChange($event) {
// alert($event.target.value);
const selectedAction = parseInt($event.target.value);
}
这就是我尝试调用函数的方式: onActionChange('7')；
在这里，我得到了如下错误：
TypeError: Cannot read property '
浏览 6提问于2018-08-30得票数 2
回答已采纳
Stackoverflow太棒了！我刚发了一个问题，在几分钟内得到了社会各界的回答，并得到了一个有效的答案！
我还有一个关于自定义选色器的问题。我知道外面有很多颜色选择器，但是它太复杂了，无法使用。我需要一个更简单的。
因此，我决定创建一个简单的4x4托盘预定义的颜色。托盘是使用不同背景颜色的div在一个名为“supercolor”的div类下形成的。
<div class="supercolor" >
<div class="colordiv" id="#111111" sty
浏览 1提问于2011-05-09得票数 0
回答已采纳
1回答
使用Fluent UI React，我在AppSync API中显示TextField中的一些数据。我希望能够为联系人表单显示API中的文本。然后，我希望编辑该文本，并单击一个按钮将其发送回AppSync API。
如果单独使用TextField组件，则可以使用钩子将变量设置为AppSync API调用的结果，然后让TextField组件读取与钩子一起设置的变量的值。然后，我可以根据我的感觉编辑该文本，这很好。
我遇到的问题是，如果我想把编辑带到TextField并使用我的钩子设置它们，那么我就失去了对TextField的关注。为此，我使用了onChange属性TextField。我可以设置变
浏览 8提问于2020-08-29得票数 1
在我的应用程序中，我有组，我有一个选择输入，可以在组列表之间进行更改。我的问题是，当我更改select输入时，状态会更改列表的名称，但不是im选择的那个。例如，在最初我有：
所有组#1组#2组
当我选择组#1时，控制台中的状态表示“所有组”。如果选择组#2，则控制台中的状态为“组#1”
选择输入
<select id="selectedPg" name="selectedPg" onChange={event=> {
this.valueToState(event.target)
this.viewProfileGroup();
浏览 2提问于2021-06-01得票数 1
回答已采纳
1回答
我有一个自定义的输入组件，它包围了一些html，这样我就可以在多个地方重用它。根据指南，我创建了以下内容：
import { Component, Input, Self, Optional } from '@angular/core';
import { ControlValueAccessor, NgControl } from '@angular/forms';
@Component({
selector: 'app-input',
templateUrl: './input.component.html',
浏览 3提问于2022-04-04得票数 2
回答已采纳
我知道click.trigger和click.delegate都工作得很好。但是，如果我想分配一个click事件，该事件只在具有该属性的确切元素被单击时才会触发呢？
如果这是“正常”的JS，我可能会这样做：
el.addEventListener('click', function (e) {
if (e.target === el) {
// continue...
}
else {
// el wasn't clicked directly
}
});
是否已经有了这样的属性，或者我需要自己创建一个属性
浏览 2提问于2016-08-10得票数 3
回答已采纳
我不太明白如何在handleSubmit中打字？
"EventTarget“类型中不存在”密码“属性。"email“属性在EventTarget类型中不存在。
import { FormEvent, useState } from "react"
import { NavLink } from "react-router-dom"
import { useAppDispatch, useAppSelector } from "../../../hooks"
import { loginThunkCreator } from
浏览 2提问于2022-09-20得票数 -1
我正在尝试根据被选中或未选中的复选框填充数组/删除元素。以下是所讨论的职能：
function setPresentPlayers() {
$("#playerAbsent").change(function(event) {
/** @type {Array}.<string> */
var player = event.target.id.split('.');
if ($(event.target.id).attr("checked")) {
浏览 2提问于2015-04-02得票数 1
回答已采纳
我的html中的：
<input type="checkbox" name="select">
<input type="radio" name="select">
由于某些逻辑原因，名称属性相同
in my JS
我写的代码如下：
$('input[type="checkbox"],input[type="radio"]').on("change",function(event){
console.log(event.target.
浏览 0提问于2013-11-15得票数 65
回答已采纳
我试图将单击文本传递到单击事件上的一个变量中。下面是我目前掌握的代码：
<th (click)="sortedColumn = clickValue">Ask Price</th>
因此，当用户单击表头时，我希望它将表头值"Ask Price“存储在sortedColumn变量中。
浏览 5提问于2020-08-26得票数 1
回答已采纳
我在这里遇到了一个小问题。我试图将一个参数从一个函数传递给this.setState回调函数，但是我不知道这是怎么回事。
我的代码如下所示：
selectHandler(event){
this.setState({
selectedImage: event.target
}, (event) => {
this.markSelectedHandler(event)
})
}
markSelectedHandler(e){
e.target.classList.add('active')
if(e.
浏览 1提问于2018-02-13得票数 2
回答已采纳
2回答
<div class="leftThumbNail">
<img id = "img1" src="img/thumb/image1.jpg" class = "image1Position" alt="Image 1">
<img id = "img2" src="img/thumb/image2.jpg" class = "image2Position" alt="Image 2" >
&l
浏览 4提问于2013-10-17得票数 0
回答已采纳
function my_fun(){
var data = $(this).data();
// this is undefined
console.log(data.crm);
}
$(document).on('click', '#add_image', (function() {
var data = $(this).data();
// this works
console.log(data.crm);
my_fun();
}));
<a class="add_img" href="#
浏览 2提问于2015-02-04得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
