آموزش طراحی سایت (HTML CSS Javascript) | آتریا

رویداد charCode

مثال (رویداد charCode)

گرفتن مقدار یونیکد دکمه ای که(درصفحه کلید) فشار داده شده است:

var x = event.charCode;

خروجی x در کد بالا:

119 // 119 is the character "w"

خودتان امتحان کنید »

در انتهای این صفحه، مثال های بیشتری آورده شده است.

تعریف و کاربرد

خصوصیت charCode، کد کاراکتر یونیکد دکمه ای که به وسیله ی رویداد onkeypress ایجاد شده است را برمی گرداند.

کد کاراکتر یونیکد در واقع یک عدد است که به کاراکتر تعلق گرفته است(بعنوان مثال عدد 97 به کاراکتر a تعلق گرفته است).

برای دیدن یک لیست از تمام کاراکتر های یونیکد، Complete Unicode Reference را مطالعه کنید.

نکته: برای تبدیل یک مقدار یونیکد به کاراکتر، از متد fromCharCode() استفاده کنید.

نکته: اگر این خصوصیت بر روی رویدادهای onkeydown و onkeyup استفاده شود، مقدار برگشتی همواره 0 است.

نکته: این رویداد "فقط خواندنی" است.

نکته: خصوصیت charCode در IE8 و ورژن های پایین تر از آن، پشتیبانی نمی شود. اما می توانید در این ورژن ها از خصوصیت keyCode استفاده کنید. بعنوان یک راه حل می توانید از کد زیر استفاده کنید:

var x = event.charCode || event.keyCode;

بر اساس پشتیبانی مرورگر ها می توانید از هریک از خصوصیت های charCode یا keyCode استفاده کنید

شما همچنین می توانید از خصوصیت keyCode برای مشخص کردن کاراکتر های خاص استفاده کنید(بعنوان مثال کلید caps lock و غیره). در هر صورت هر دوی keyCode و charCode، تنها برای سازگاری مرورگر ها ارائه شده اند.

مشخصات آخرین ورژن رویدادهای DOM توصیه می کنند که به جای این دو خصوصیت، از خصوصیت key ، در صورت امکان استفاده کنید.

نکته: اگر شما می خواهید بدانید که آیا هنگام روی دادن یک رویداد کلید، دکمه های ALT یا CTRL یا META یا SHIFT فشار داده شده اند یا نه، از خصوصیت های altKey و ctrlKey و metaKey و shiftKey استفاده کنید.

پشتیبانی مرورگرها

اعداد داخل جدول زیر نشان دهنده ی اولین ورژن مرورگری است که به طور کامل از این رویداد پشتیبانی می کند.

متد
charCode	بله	9.0	بله	بله	بله

نحوه استفاده

event.charCode

جزئیات تکنیکی

مقدار برگشتی	یک عدد که مشخص کننده ی کد کاراکتر یونیکد است
DOM Version:	DOM Level 2 Events

مثال - خودتان امتحان کنید

مثال (رویداد charCode)

یک راه حل برای انواع مرورگر ها در گرفتن مقدار یونیکد دکمه ی فشار داده شده در صفحه کلید:

// Use charCode if the browser supports it, otherwise use keyCode (for IE8 and earlier)
var x = event.charCode || event.keyCode;

خودتان امتحان کنید »

مثال (رویداد charCode)

نشان دادن یک پیام در صورتی که کاربر کلید O را فشار دهد:

function myFunction(event) {
    var x = event.charCode || event.keyCode;
    if (x == 111 || x == 79) { // o is 111, O is 79
        alert("You pressed the 'O' key!");
    }
}

خودتان امتحان کنید »

مثال (رویداد charCode)

تبدیل یک مقدار یونیکد به کاراکتر:

var x = event.charCode || evt.keyCode; // Get the Unicode value
var y = String.fromCharCode(x); // Convert the value into a character

خودتان امتحان کنید »

آموزش های مرتبط

مرجع مدل DOM در اچ تی ام ال KeyboardEvent key Property

مرجع مدل DOM در اچ تی ام ال KeyboardEvent keyCode Property

مرجع مدل DOM در اچ تی ام ال KeyboardEvent which Property

مرجع کلیه رویدادهای JavaScript

: نوشته شده توسط احسان عباسی; بازدید: 5163

برای درج دیدگاه، ابتدا باید وارد بیاموز شوید.

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.

مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی