JavaScript Text Object : สอน method และ property ของ Text Object, เรียน method และ property ของ Text Object
 

Reference

Reference ในเว็บไซต์ Function.in.th เป็นการนำเสนอความรู้ในรูปแบบของแหล่งอ้างอิงของคำสั่งต่าง ๆ ที่ใช้ในการเขียนโปรแกรม โดยผู้ที่สนใจสามารถเข้ามาเรียนรู้การใช้งานคำสั่งของการเขียนโปรแกรมเหล่านี้ได้ ผ่านทาง URL code.function.in.th ทั้งนี้ผู้อ่านยังสามารถร่วมแสดงความคิดเห็นบนเนื้อหาที่มีสอนได้ ซึ่งถือเป็นการส่งเสริมให้มีการแลกเปลี่ยนประสบการณ์และความรู้ระหว่างผู้อ่านด้วยกันเอง
  • focus() ใช้กำหนดให้ text ได้รับ focus
    blur() ใช้กำหนดให้ text สูญเสีย focus
    click() ใช้กำหนดให้ เหมือนมีการ click ที่ text
    select() ใช้กำหนดให้ มีแถบสีคลุมที่ text
    name ใช้ในการกำหนดค่า หรือคืนค่า name ของ text
    id ใช้ในการกำหนดค่า หรือคืนค่า id ของ text
    type ใช้ในการกำหนดค่า หรือคืนค่า type ของ text
    value ใช้ในการกำหนดค่า หรือคืนค่า value ของ text
    defaultValue ใช้ในการกำหนดค่า หรือคืนค่า default value ของ text
    form ใช้คืนค่า form element ของ text
    size ใช้ในการกำหนดค่า หรือคืนค่า ขนาด ของ text
    maxLength ใช้ในการกำหนดค่า หรือคืนค่า จำนวนสูงสุด ของ text
    readOnly ใช้ตรวจสอบ หรือกำหนดว่า text ใช้อ่านอย่างเดียวใช่หรือไม่ คือไม่สามารถเปลี่ยนแปลงข้อมูลภายในได้
    tabIndex ใช้ในการกำหนดค่า หรือคืนค่า ลำดับการได้รับ focus ของ text เมื่อกดปุ่ม tab
    accessKey ใช้ในการกำหนดค่า หรือคืนค่า คีย์ลัด ( จากการกดปุ่ม alt + key )
    disabled ใช้ตรวจสอบ หรือกำหนดค่า ว่าจะให้ text นี้ทำงานหรือไม่
    accept ใช้กำหนดค่า หรือคืนค่า ชนิดของเนื้อหาที่จะส่งไป server
    align ใช้กำหนดค่า หรือคืนค่า ตำแหน่งข้อความ ภายใน text
    alt ใช้กำหนดค่า หรือคืนค่า ข้อความที่ใช้แสดง ในกรณีที่ browser ไม่สนับสนุน object นี้
    onfocus ใช้กำหนดให้ function ทำงานเมื่อ text ได้รับ focus
    onblur ใช้กำหนดให้ function ทำงานเมื่อ text สูญเสีย focus
    onclick ใช้กำหนดให้ function ทำงานเมื่อ text ถูก click
    onkeypress ใช้กำหนดให้ function ทำงานเมื่อ มีการกดปุ่มที่ text
    onkeydown ใช้กำหนดให้ function ทำงานเมื่อ มีการกดปุ่มลงบน text
    onkeyup ใช้กำหนดให้ function ทำงานเมื่อ มีการปล่อยปุ่มที่กดลงบน text
    onselectedstart ใช้กำหนดให้ function ทำงานเมื่อ มีการเริ่มต้นลากแถบสีเลือกข้อความบน text
    onchange ใช้กำหนดให้ function ทำงานเมื่อ ข้อมูลใน text เปลี่ยนแปลง
    onselect ใช้กำหนดให้ function ทำงานเมื่อมีการลากแถบสีคลุมข้อความใน text
  • method :
    focus ();

    return type :
    void

    content :
    ใช้กำหนดให้ text ได้รับ focus

    example :
    var tagText = document.getElementById ( "bamboo" );
    tagText.focus();

  • method :
    blur ();

    return type :
    void

    content :
    ใช้กำหนดให้ text สูญเสีย focus

    example :
    var tagText = document.getElementById ( "bamboo" );
    tagText.blur();

  • method :
    click ();

    return type :
    void

    content :
    ใช้กำหนดให้ เหมือนมีการ click ที่ text

    example :
    var tagText = document.getElementById ( "bamboo" );
    tagText.click();

  • method :
    select ();

    return type :
    void

    content :
    ใช้กำหนดให้ มีแถบสีคลุมที่ text

    example :
    var tagText = document.getElementById ( "bamboo" );
    tagText.select();

  • property :
    name;

    return type :
    string, void

    content :
    ใช้ในการกำหนดค่า หรือคืนค่า name ของ text

    example :
    var tagText = document.getElementById ( "bamboo" );
    alert ( tagText.name );

  • property :
    id;

    return type :
    string, void

    content :
    ใช้ในการกำหนดค่า หรือคืนค่า id ของ text

    example :
    var tagText = document.getElementById ( "bamboo" );
    alert ( tagText.id );

  • property :
    type;

    return type :
    string, void

    content :
    ใช้ในการกำหนดค่า หรือคืนค่า type ของ text

    example :
    var tagText = document.getElementById ( "bamboo" );
    alert ( tagText.type );

  • property :
    value;

    return type :
    string, void

    content :
    ใช้ในการกำหนดค่า หรือคืนค่า value ของ text

    example :
    var tagText = document.getElementById ( "bamboo" );
    alert ( tagText.value );

  • property :
    defaultValue;

    return type :
    string, void

    content :
    ใช้ในการกำหนดค่า หรือคืนค่า default value ของ text

    example :
    var tagText = document.getElementById ( "bamboo" );
    alert ( tagText.defaultValue );

  • property :
    form;

    return type :
    form

    content :
    ใช้คืนค่า form element ของ text

    example :
    var tagText = document.getElementById ( "bamboo" );
    alert ( tagText.form );

  • property :
    size;

    return type :
    string, void

    content :
    ใช้ในการกำหนดค่า หรือคืนค่า ขนาด ของ text

    example :
    var tagText = document.getElementById ( "bamboo" );
    alert ( tagText.size );

  • property :
    maxLength;

    return type :
    string, void

    content :
    ใช้ในการกำหนดค่า หรือคืนค่า จำนวนสูงสุด ของ text

    example :
    var tagText = document.getElementById ( "bamboo" );
    alert ( tagText.maxLength );

  • property :
    readOnly;

    return type :
    boolean, void

    content :
    ใช้ตรวจสอบ หรือกำหนดว่า text ใช้อ่านอย่างเดียวใช่หรือไม่ คือไม่สามารถเปลี่ยนแปลงข้อมูลภายในได้

    example :
    var tagText = document.getElementById ( "bamboo" );
    if ( tagText.readOnly )
    {
         alert ( "can not change data in text" );
    }

  • property :
    tabIndex;

    return type :
    string, void

    content :
    ใช้ในการกำหนดค่า หรือคืนค่า ลำดับการได้รับ focus ของ text เมื่อกดปุ่ม tab

    example :
    var tagText = document.getElementById ( "bamboo" );
    tagText.tagIndex = "5";

  • property :
    accessKey;

    return type :
    string, void

    content :
    ใช้ในการกำหนดค่า หรือคืนค่า คีย์ลัด ( จากการกดปุ่ม alt + key )

    example :
    var tagText = document.getElementById ( "bamboo" );
    alert  ( tagText.accessKey );

  • property :
    disabled;

    return type :
    boolean, void

    content :
    ใช้ตรวจสอบ หรือกำหนดค่า ว่าจะให้ text นี้ทำงานหรือไม่

    example :
    var tagText = document.getElementById ( "bamboo" );
    if ( tagText.disabled )
    {
         alert ( "text is not enabled" );
    }

  • property :
    accept;

    return type :
    string, void

    content :
    ใช้กำหนดค่า หรือคืนค่า ชนิดของเนื้อหาที่จะส่งไป server

    example :
    var tagText = document.getElementById ( "bamboo" );
    alert ( tagText.accept );

  • property :
    align;

    return type :
    string, void

    content :
    ใช้กำหนดค่า หรือคืนค่า ตำแหน่งข้อความ ภายใน text
    โดยค่าข้อมูลที่เป็นไปได้ คือ right, left, center

    example :
    var tagText = document.getElementById ( "bamboo" );
    tagText.align = "right";

  • property :
    alt;

    return type :
    string, void

    content :
    ใช้กำหนดค่า หรือคืนค่า ข้อความที่ใช้แสดง ในกรณีที่ browser ไม่สนับสนุน object นี้

    example :
    var tagText = document.getElementById ( "bamboo" );
    alert ( tagText.alt );

  • property :
    onfocus = function;

    return type :
    void

    content :
    ใช้กำหนดให้ function ทำงานเมื่อ text ได้รับ focus

    example :
    var tagText = document.getElementById ( "bamboo" );
    tagText.onfocus = function()
    {
         alert ( "text gain focus" );
    }

  • property :
    onblur = function;

    return type :
    void

    content :
    ใช้กำหนดให้ function ทำงานเมื่อ text สูญเสีย focus

    example :
    var tagText = document.getElementById ( "bamboo" );
    tagText.onblur = function()
    {
         alert ( "text loss focus" );
    }

  • property :
    onclick = function;

    return type :
    void

    content :
    ใช้กำหนดให้ function ทำงานเมื่อ text ถูก click

    example :
    var tagText = document.getElementById ( "bamboo" );
    tagText.onclick = function()
    {
         alert ( "text be clicked" );
    }

  • property :
    onkeypress = function;

    return type :
    void

    content :
    ใช้กำหนดให้ function ทำงานเมื่อ มีการกดปุ่มที่ text

    example :
    var tagText = document.getElementById ( "bamboo" );
    tagText.onkeypress = function()
    {
         alert ( "text be keypressed" );
    }

  • property :
    onkeydown = function;

    return type :
    void

    content :
    ใช้กำหนดให้ function ทำงานเมื่อ มีการกดปุ่มลงบน text

    example :
    var tagText = document.getElementById ( "bamboo" );
    tagText.onkeydown = function()
    {
         alert ( "text be keydowned" );
    }

  • property :
    onkeyup = function;

    return type :
    void

    content :
    ใช้กำหนดให้ function ทำงานเมื่อ มีการปล่อยปุ่มที่กดลงบน text

    example :
    var tagText = document.getElementById ( "bamboo" );
    tagText.onkeyup = function()
    {
         alert ( "text be keyuped" );
    }

  • property :
    onselectedstart = function;

    return type :
    void

    content :
    ใช้กำหนดให้ function ทำงานเมื่อ มีการเริ่มต้นลากแถบสีเลือกข้อความบน text

    example :
    var tagText = document.getElementById ( "bamboo" );
    tagText.onselectedstart = function()
    {
         alert ( "text be start selected" );
    }

  • property :
    onchange = function;

    return type :
    void

    content :
    ใช้กำหนดให้ function ทำงานเมื่อ ข้อมูลใน text เปลี่ยนแปลง

    example :
    var tagText = document.getElementById ( "bamboo" );
    tagText.onchange = function()
    {
         alert ( "text be changed" );
    }

  • property :
    onselect = function;

    return type :
    void

    content :
    ใช้กำหนดให้ function ทำงานเมื่อมีการลากแถบสีคลุมข้อความใน text

    example :
    var tagText = document.getElementById ( "bamboo" );
    tagText.onselect = function()
    {
         alert ( "text be selected" );
    }

 
Share This Chapter Login with Facebook