Question

我有一个输入文本框id =“inputChanges”。当用户点击文本框时，事件将触发，我可以获得“inputChanges”的id。但是，我想得到的是用户在文本框外部点击的ID。例如，如果我在输入字段中进行更改并直接单击按钮，则需要按钮的ID。

以下内容对我不起作用，因为它没有得到正确的ID：

$(document).ready(function(event) {
    $("#inputChanges").change(function(event) {
        alert(event.target.id);
    });
});

Answer 1

为该按钮添加一个事件监听器：

$("#button").click(function(e) {
    alert(this.id);
});

Answer 2

像这样倾听click事件。

   $(document).ready(function(event) {
$("#inputChanges").click(function(event) {
    alert(event.target.id);
});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="inputChanges">

Answer 3

＆＃13;

$(document).ready(function(event) {
    var focused = false;
    $("#inputChanges").focus(function(event) {
        focused = true;
    });
    $(document).click(function(event){
        var target = event.target;
        if(focused && target.id != "inputChanges"){
            focused = false;
            alert(target.id);
        }
    });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="inputChanges"/>
<p id="paragraph">this is a paragraph</p>
<div id="div">this is a div</div>

＆＃13;

jquery更改事件丢失焦点到id，获取id

3 个答案: