Onclickボタンからの最後の入力をワイプします

私はONCLICKボタンでテキストエリアに最後に入力された入力を消去しようとしましたが、最後の入力を消去していないようです。Onclickボタンからの最後の入力をワイプします

注：変数は動的に変更されるため、ボタンはクリックする必要があります。

<html> 
<textarea id="Content" name="Content"></textarea> 
<button class="AddTo" value="a">a</button> 
<button class="AddTo" value="b">b</button> 
<button class="AddTo" value="c">c</button> 
<button class="Backspace" value="">backspace</button> 
<button type="button" onclick="myFunctionY1();" class="list1" style="width:80px; background-color:red;" id="Y1">Y1</button> 
<button type="button" onclick="myFunctionY2();" class="list1" style="width:80px; background-color:red;" id="Y2">Y2</button> 

<script> 
    function myFunctionY1() { 
    document.getElementsByName("Content")[0].value += "Hello!"; 

    } 

    function myFunctionY2() { 
    document.getElementsByName("Content")[0].value += "Hi!"; 

    } 
</script> 
</html> 

<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.js"> </script> 

<script> 
var values = []; 

$(function() { 

    $('.AddTo').on('click', function() { 
     values.push($(this).val()); 
     $('#Content').val(values.join(" ")); 
    }); 

    $('.Backspace').on('click', function() { 
     values.pop(); 
     $('#Content').val(values.join(" ")); 
    }); 

}); 


</script>

出典

2016-12-09 Reuben

。 +を削除すると、それが新鮮な変数になります。テキストエリアにあるものには追加されません。 @WilsondeFreitasJr。 – Reuben

実際にうまく動作します：https://jsfiddle.net/zkttph04/ – Lain

バックスペースは最後の入力だけをすべて消去する必要はありませんが、Y1またはY2を押すとすべてが消去されます。私のために – Reuben

それを実行します。

動作しませんでした

<html> 
 
<textarea id="Content" name="Content"></textarea> 
 
<button class="AddTo" value="a">a</button> 
 
<button class="AddTo" value="b">b</button> 
 
<button class="AddTo" value="c">c</button> 
 
<button class="Backspace" value="">backspace</button> 
 
<button type="button" class="list1" value="Hello!" style="width:80px; background-color:red;" id="Y1">Y1</button> 
 
<button type="button" class="list1" value="Hi!" style="width:80px; background-color:red;" id="Y2">Y2</button> 
 

 
</html> 
 

 
<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.js"> </script> 
 

 
<script> 
 
var values = []; 
 

 
$(function() { 
 

 

 
    $('#Y1').attr("value", "foo"); 
 
    $('#Y2').attr("value", "foo2"); 
 

 
    $('.AddTo').on('click', function() { 
 
     values.push($(this).val()); 
 
     $('#Content').val(values.join(" ")); 
 
    }); 
 

 
    $('.Backspace').on('click', function() { 
 
     values.pop(); 
 
     $('#Content').val(values.join(" ")); 
 
    }); 
 

 
    $('.list1').on('click', function() { 
 
     values.push($(this).val()); 
 
     $('#Content').val(values.join(" ")); 
 
    }); 
 
}); 
 

 

 
</script>

出典

2016-12-09 14:34:09

何をplsに変更しますか？ @Wilson – Reuben

私は、OPはそれが何をするべきでない$（ '。Backspace'）関数をより心配していると思います。 – Lain

はい、あなたは正しいです@Lain – Reuben

Onclickボタンからの最後の入力をワイプします

答えて

関連する問題