Como posso fazer para, quando clicar em um determinado button
, o texto de um determinado textarea
ou input
ser selecionado?
Queria respostas com soluções com jQuery e também sem jQuery (javascript puro).
Em jQuery você simplesmente utiliza o evento select();
$('#btnSelecionar').click(function(){
$('#txtInput').select();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea rows="4" cols="50" id="txtInput">
Testando textarea stackoverflow.
</textarea>
<br/>
<input type="button" value="Selecionar" id="btnSelecionar"/>
Em javascript você vai seguir a mesma lógica. Seleciona o elemento e utiliza o método select() para selecionar o texto. Ficando assim:
<textarea rows="4" cols="50" id="txtInput">
Testando textarea stackoverflow.
</textarea>
<br/>
<button type="button" onclick="myFunction()">Selecionar</button>
<script>
function myFunction() {
document.getElementById("txtInput").select();
}
</script>
Jquery:
$(function() {
$(document).on('click', 'input[type=text][id=example1]', function() {
this.select();
});
});
JS Puro:
document.getElementById("example2").onclick = function(){
document.getElementById("example2").select();
}
$(function() {
$(document).on('click', 'input[type=text][id=example1]', function() {
this.select();
});
});
document.getElementById("example2").onclick = function(){
document.getElementById("example2").select();
}
JQuery:
<input type="text" id="example1" value="click the input to select" onclick="this.select();"/>
Js Puro:
<input type="text" id="example2" value="click the input to select" onclick="this.select();"/>