3個文本字段的計算器，僅在焦點jQuery的字段上寫

Question

我有一個（可能很簡單）的問題。 我在Jquery中有一個帶有3個不同文本字段的計算器，當我使用按鈕數字時，它同時在所有三個字段中寫入（顯然）會導致在輸入聲明中使用$("input[type=text]") im，所以我知道我選擇了所有輸入文本（而這正是我想要更改的。我考慮過給每個文本字段都提供ID和ID，但這是否意味着我必須為每個ID編寫相同的功能，我的問題是僅專注於輸入內容的最佳寫法是什么？預先感謝您的幫助，這是我的小提琴：（也許它也可以幫助某人:)）

https://jsfiddle.net/2yuve11z/

Answer 1

我用這個更新了你的小提琴：

https://jsfiddle.net/2yuve11z/2/

邏輯是：

當輸入被關注，我刪除其他投入.active類，並添加了重點投入的.active類所我只更新了一個用.active類。

如果要在頁面加載時進行活動輸入，只需向其添加.active類。

Answer 2

通過檢查選擇了哪個文本字段，您可以使按鈕僅與一個文本框交互

 $(function () {
                    focused = '';
        $( "input:text" ).focus(function() {
            focused = this;
        });

        $("input:button").click(function(){
            vlr = $(this).val();
            atual = $(focused).val();
            if(vlr=="C"){
                $(focused).val("");
            }else{
                if(vlr=="="){
                    $(focused).val(eval(atual));
                }else{
                    $(focused).val(atual + vlr);
                }
            }
        });
    });

Answer 3

HTML5提示

通過<button type="button">更改您的<input type="button"> <button type="button">

Answer 4

使用焦點選擇器-類似於： $("input[type=text]:focus")