Fokus Div nach Schaltfläche, um

<input type="button" onclick="$('#c')[0].focus()" value="test focus"/> 
 
<div> 
 
    <div id="c" tabindex="1" style="margin-top:800px;">testing</div> 
 
</div>

Warum HTML-Code wird nicht funktionieren. was ich will, ist nach dem Klick wird es direkt zu konzentrieren div. Vielen Dank im Voraus :)

Quelle

2017-08-11 Choy Roman

es funktioniert, könnte man jedoch Fokus verwirren für das Überspringen zu verankern? – Goombah

es funktioniert, könnten Sie verwirrt, was zusätzliche Funktionalität Sie wollen? flüssiges Scrollen? –

was ich will ist, wenn ich klicke es wird mich zum buttom scroll .. Die Sache, die mir passiert, ist sogar ich habe den Knopf bereits seine nicht Scrollen nach unten .. –

Es funktioniert so, wie es erwartet wird. Wenn Sie auf die Schaltfläche klicken, ist Ihr div im Fokus.

#c:focus { 
 
    border: 1px solid red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="button" onclick="$('#c')[0].focus()" value="test focus" /> 
 
<div> 
 
    <div id="c" tabindex="1" style="margin-top:300px;">testing</div> 
 
</div>

Auf Schaltfläche klicken, hat testing div Grenze.

Quelle

2017-08-11 06:59:45 tilz0R

Danke ... Leute .. hehe –

@ChoyRoman, wenn es für Sie funktioniert, markieren Sie es als richtige Antwort. – tilz0R

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

<script> 
$(document).ready(function(){ 

$("#mybutton").click(function(){ 

    // focus and select 

    $('#c').focus().select(); 

}) 
}) 
</script>

// Geben Sie ID-Taste

<input type="button" id="mybutton" value="test focus" /> 
<div> 
    <div id="c" tabindex="1" style="margin-top:300px;">testing</div> 
</div>

Quelle

2017-08-11 07:10:58

Fokus Div nach Schaltfläche, um

Antwort

Verwandte Themen