相关疑难解决方法(0)

谁能告诉我确切的区别currentTarget以及target财产的JavaScript事件与例子,哪个属性在场景中使用？

我想在我的Meteor html模板中有一个表单,并在提交时将该数据插入我的MongoDB列表.我的问题是:

• 这可能不使用额外的包吗？我可以只添加一个HTML表单作为模板吗？
• on submit事件是否适用于最新的Meteor？
• 我已经读过,我们可以使用click事件作为提交按钮:你能告诉我如何在DOM中查找输入元素的值吗？(不使用jQuery？)

所以我有一个带有按钮的 React 组件，它有一个使用 data-* 属性的点击处理程序。如果这是直接 React 那么我知道如何从 data-* 属性中获取值。但是我正在学习如何使用 TypeScript，所以我不知道如何访问这个属性。那么使用 TypeScript 访问 data-* 属性的最佳方法是什么？

这是我的按钮的 JSX 代码：

<button type="button" className="NavLink" data-appMode={ AppMode.MAIN } onClick={ this.handleAppModeClick.bind(this) }>Main</button>

这是我的点击事件处理程序：

handleAppModeClick(e: React.MouseEvent<HTMLElement>) {
    // What code should go here to access the data-appMode attribute?
}

我在下面提供了这个示例代码：

HTML：

<button id = '33' class = "clickme">Click here</button>

JS：

$(document).on("click",".clickme",function(event){ 
    var eti = event.target.id;
    var eci = event.currentTarget.id;
    var ti = this.id;

    alert ("1: " + eti + "   2: " + eci + "   3: " + ti);
}

这 3 个事件，警报相同的值，我认为它也起着相同的作用，但不是在我在 SO 中找到的这个链接中：jquery function(event) event.target.id is blank when click linked text。

现在我的问题是：

1）有什么区别使用之间：event.target.id，event.currentTarget.id和this.id？

2.)我什么时候应该使用 event.target.id,event.currentTarget.id和this.id?

3.)在这三个中哪个效果更好？

有没有人有想法和解释为什么？

可能的重复：
e.target 和 e.currentTarget 之间的差异

我真的不明白这两者之间的区别

event.target and              

event.CurrentTarget and explanation.

有人可以用一个简单的例子向我解释这一点吗？

我正在尝试加载图像。如果 URL 失败， onError 我想加载不同的图像。该代码有效，但我为该事件使用了“any”类型。事件的正确类型是什么？

function addDefaultSrc(ev: any) {
  ev.target.src =
    "default.png";
}

<img src={item.src} onError={addDefaultSrc} />

代码

我在http://jsfiddle.net/6vd5C/1/设置了一个jsFiddle

有问题的JavaScript代码:

var global_loggedOnUser = "User1";

$(function(){
  var viewmodel = (function(){
    this.feedbacktype = ko.observable("None");
    this.currentPage = ko.observable(location.href);
    this.currentUsername = global_loggedOnUser;

this.updateFeedbackType = function(item, event)
    {
      var newText = $(event.target).children("span").text();
      feedbacktype(newText);
    };

    return{
      pageUserIsOn : currentPage,
      theUser : currentUsername,
      feedbackType: feedbacktype
    };
  })();

  ko.applyBindings(viewmodel);
});

目标

每当有人点击提交的按钮时,我都希望看到"当前类型"项目符号点更新,以指示单击按钮上的标题.

问题

• 有时文本会更新正确的单词; 有时它会更新,但是为空值.
• 我找不到模式或押韵/理由; 有时候在空白之后,单击另一个元素,然后单击先前返回null的元素,现在返回正确的文本.

我究竟做错了什么？

如果我有一个像

<div class='some_class' onclick='executeF(this)'/>

这将等同于：

$('.some_class').on('click',function(e){
    executeF(this);
});

要么

$('.some_class').on('click',function(e){
    executeF(e);
});

要么

$('.some_class').on('click',function(e){
    executeF($(this));
});

我目前没有测试的方法，所以我只想确保在直接进行编码之前是直接对应的jquery方法，因为（再次）我现在无法测试

我使用bootstrap创建带有glyphicons的圆形按钮,我想改变按钮的颜色,包括glyphicon颜色.但是当我点击glyphicon时,onlclick事件仅适用于glyphicon,而不适用于按钮. http://embed.plnkr.co/E1dUnkW1tmOCWqYkRaG5/

function setColor(e) {
    var target = e.target,
        status = e.target.classList.contains('btn-success');

    e.target.classList.add(status ? 'btn-default' : 'btn-success');
    e.target.classList.remove(status ? 'btn-success' : 'btn-default');
}

我的引导按钮

<button onclick="setColor(event)" type="button" class="btn btn-circle btn-lg"><span class="glyphicon glyphicon-search" style="margin: 0 0px;"></span></button>

我有一个表单有几种不同类型的输入(复选框,文本,数字等)我希望能够找到用户点击/键入的表单的当前元素的ID和他们输入的值.

我目前正在使用令人惊讶undefined的价值.我真的不知道从哪里开始(我不想使用jQuery)

HTML

<form id = "myForm" >           
        <input type="text" id="name"  name="name"  placeholder ="Name" />       

        <input type="email" id="mail"   name="email" placeholder ="Email" />

        <input type="number" id="phoneNumber" name ="phone" placeholder = "Phone Number" />

        <label for ="emailFormat">Email Signup Format:</label>
        <select name="newsletter" id = "plain">
            <option value = "Plain">Plain Text</option>
            <option value = "HTML">HTML</option>
        </select>

        <label for="pets">Cars owned:</label>
        <input type = "checkbox" id="mini" class = "ck" name ="mini">I have a mini.
        <input type = "checkbox" id="motorbike" class = "ck" name ="motorbike">I …