[Javascript] التركيز مسج


Answers

لا توجد مشكلة في شفرتك، فكل ما في الأمر هو أنه لا يمكن للفقرة أو علامة ديف تلقي التركيز . لا يمكن التركيز إلا على الأشياء التي يمكنك التفاعل معها، مثل الروابط وعناصر الإدخال و تكستارياس، وما إلى ذلك.

لتمرير النافذة إلى هذا العنصر الذي تمت إضافته حديثا، يمكنك استخدام مكون إضافي مثل سكرولتو .

على الجانب ملاحظة، يمكن تبسيط التعليمات البرمجية قليلا:

var html = "<div id=\"newP\"><p>New paragraph</p></div>";
$("#content").append(html);
$("#newP p").focus();

var html = "<div id=\"newP\"><p>New paragraph</p></div>";
$(html)
    .appendTo('#content')
    .focus()   // or scrollTo(), now...
;
Question

لنفترض أن لدي الترميز التالي:

<div id="content">
    <div id="firstP"><p>First paragraph</p></div>
    <div id="secondP"><p>Second paragraph</p></div>
    <div id="thirdP"><p>Third paragraph</p></div>
    <div id="fourthP"><p>Fourth paragraph</p></div>
</div>

أريد إضافة ديف جديدة مع جافا سكريبت والتركيز في هذا العنصر الجديد. التركيز لا تفعل أي شيء.

function addParagraph() {
    var html = "<div id=\"newP\"><p>New paragraph</p></div>";
    $("#content").append(html);
    $("#newP").focus();    
}

اي فكرة؟




يمكنك تعيين تابيديكس ثم يمكنك تعيين التركيز على هذا العنصر

$('#table').attr("tabindex",1).focus();

هذا سوف يعمل على الجدول ديف الخ التي لا يمكن الحصول على التركيز في حد ذاته.




بدلا من

$("#newP").focus();  

ينبغي استخدامه:

window.location.href=window.location.href + "#newP";     



تحتاج إلى استخدام صفحة هتمل مرساة لا التركيز. مثال:

http://localhost/mypage.html#fourthP