onclick函數內部失敗

Question

我有3個輸入和3個按鈕。我想通過點擊按鈕來設置一個值。一切工作都很好，第一套。當我設置下一個輸入時，它會改變我所有輸入的值。

我該如何解決這個問題？

$(function() { 
 
    $("input").on("click", function() { 
 
    var here = $(this); 
 
    
 
    $("div").on("click", "button", function() { 
 
     here.val(this.value); 
 
    }); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<input type="text"> 
 
<input type="text"> 
 
<input type="text"> 
 

 
<div> 
 
    <button value="a">a</button> 
 
    <button value="b">b</button> 
 
    <button value="c">c</button> 
 
</div>

Answer 1

您是否希望將Button的值放入上一個聚焦的INPUT中。

這可能幫助..

$(function() { 
 
    var lastFocus; 
 
    $('body').on('focus','input', function() { 
 
    lastFocus = this; 
 
    }); 
 
    $("div").on("click", "button", function() { 
 
    $(lastFocus).val(this.value);  
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<input type="text"> 
 
<input type="text"> 
 
<input type="text"> 
 

 
<div> 
 
    <button value="a">a</button> 
 
    <button value="b">b</button> 
 
    <button value="c">c</button> 
 
</div>

Answer 2

這是你想要的嗎？

$(function() { 
 
    $("input").on("click", function() { 
 
    var here = $(this); 
 
    
 
    $("div").on("click", "button", function() { 
 
     here.val(this.value+here.val()); 
 
    }); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<input type="text"> 
 
<input type="text"> 
 
<input type="text"> 
 

 
<div> 
 
    <button value="a">a</button> 
 
    <button value="b">b</button> 
 
    <button value="c">c</button> 
 
</div>

Answer 3

你爲什麼要使用外部函數？

您可以將臨時類添加到要更改值的輸入。

$("input").on("click", function() { 
     $("input").removeClass('addToThis'); 
     $(this).addClass('addToThis'); 
    }); 

    $("div").on("click", "button", function() { 
     $(".addToThis").val(this.text()); 
    }); 

Answer 4

您可以點擊功能裏面沒有範圍的點擊功能，只需用兩個點擊全局變量...

$(function() { 
var here; 
    $("input").on("click", function() { 
    here = $(this);  
    }); 
    $("div").on("click", "button", function() { 
     here.val(this.value); 
    }); 
}); 

Answer 5

最簡單的辦法：只要把這裏變出了第一點擊聽者：

$(function() { 
    var here; 
    $("input").on("click", function() { 
    here = $(this); 
    $("div").on("click", "button", function() { 
     here.val(this.value); 
    }); 
    }); 
});