Loading ... 
»»  کنفرانس  |   خانه

 
سایت تخصصی جاوا اسکریپت  

[ راهنمایی / کمک ]

[ اخبار سایت ، تبلیغات در سایت ]
 
 JAVASCRIPT   آموزش جاوا اسکریپت      طراحی آنلاین   قالب وبلاگ 
عنوان صفحه : آموزش جاوا اسکریپت.موس و صفحه کلید
نام : ایمیل: پسورد:    
طراحی و مدیریت سایت
مرکز دانلود نرم افزار
خدمات *
آرشیو خبرنامه
ارتباط موس و صفحه کلید با جاوا اسکریپت
   
 

موس و صفحه كليد، به عنوان گيرندههاي رايانه هستند كه به وسيله آنها مطالب را وارد مي‌كنيم.

 مثلا براي نوشتن اين متن، از صفحه كليد استفاده كرده‌ام. حرف ت را فشردم، تا در اين صفحه، نوشته شد.

 البته ميان فشردن كليد و نوشته شدن در صفحه - كه بلافاصله انجام مي‌شود - عملياتي انجام مي‌گردد كه از ديد ما پنهان است.

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

 آنجا بعد از پردازش، تبديل به حرف معادل آن كد شده، و در متن، نمايش داده مي‌شود.

استخراج كُد كليد (Key Code) :

 • صفحه كليد

استخراج كُد كليد (Key Code)، كار راحتي است.

 در زبان جاوا اسكريپت، براي به دست آوردن آن، از اين دستور استفاده مي‌شود:  window.event.keyCode

مثال : برنامه زیر كد هر كليد را در يك جعبه متن، نشان دهد.

//***صفحه كليد
function funKeyCode(){
    varkey = window.event.keyCode;
    inCode.value = key;
}
document.onkeypress=funKeyCode;// تنظيم رويداد

در قسمت بدنه، جعبه متني قرار دهيد كه محل نمايش كد باشد.

<input name="inCode" type="text" value=""size="5" readonly>

كد هر كليدي را كه فشار دهيد، اينجا نوشته مي‌شود:

موس

موس نيز مانند صفحه كليد عمل مي‌كند؛ منتها داراي كليدهاي كمتري است.

 از اين كد  :  window.event.button مي‌توانيد براي استخراج كد كليد موس، استفاده كنيد.

مثال : برنامه زیر كد کلیک موس را در يك جعبه متن، نشان دهد.

//***كليك موس
function funClick()
{
    if (document.all)
    {
        if (window.event.button)
        {
            inButton.value = window.event.button;
        return false;
        }
    }
}
document.onmousedown=funClick;// تنظيم رويداد

در قسمت بدنه، جعبه متني قرار دهيد كه محل نمايش كد باشد.

<input name="inButton"type="text" value=""size="5" readonly>

كُد كليك موس :

 • اشاره‌گر

اشاره‌گر (Cursor)   همان شكلي است كه با حركت موس، در مانيتور، حركت مي‌كند و نمادي از انگشت و دست شماست براي اشاره به اشياء داخل صفحه.

تاريخ تولد اشاره‌گر و و موس، به ابتدايي‌ترين سيستم عامل ويندوز برمي‌گردد.

 قبل از آن، سيستم عامل داس بود و آن محيط سياه و مَخوف. نه اثري از رنگ بود، نه صوت و نه موس.

اشاره‌گر، داراي شكلهاي مختلفي است، و در حالات گوناگون، تغيير شكل مي‌دهد.

مثلا گاهي به شكل ساعت شني، و گاهي به صورت يك فلش دو سر يا چهار سر، يا علامت سوال، تبديل مي‌شود.

اين تغيير شكلها، همه به دست تواناي شماي برنامه‌نويس، ميسّر مي‌شود و بس.

 خوشبختانه در وب نيز مي‌شود شكل دلخواه و مورد نياز به اشاره‌گر داد؛ ‌كافي است كه كد هر شكل را بنويسيد.

كـُد :

قبل از نوشتن كد، توضيحي بايد عرض كنم، و آن اين است كه تغيير شكل اشاره‌گر، به صورت مستقيم به جاوا اسكريپت مربوط نمي‌شود

 بلكه مربوط به مبحث استايل (Style) است؛ اما مي‌شود در جاوا از آن به دلخواه استفاده نمود.

استايل :

استايل(Style)، تگي است مانند اسكريپيت (Script) كه درون تگ (Head) نوشته مي‌شود.

 همانند جاوا، دو قسمت دارد: 1- نوشتن كد 2- فراخواني كد.

1- نوشتن كد. كد را داخل تگ استايل و درون head ، مي‌نويسيم.

<html>
<head>
<style>

#Auto {Cursor: auto}
#Crosshair {Cursor: crosshair}
#Default {Cursor: default}
#Pointer {Cursor: pointer}
#Hand {Cursor: hand}
#Move {Cursor: move}
#e-resize {Cursor: e-resize}
#ne-resize {Cursor: ne-resize}
#nw-resize {Cursor: nw-resize}
#n-resize {Cursor: n-resize}
#se-resize {Cursor: se-resize}
#sw-resize {Cursor: sw-resize}
#s-resize {Cursor: s-resize}
#w-resize {Cursor: }
#text {Cursor: text}
#wait {Cursor: wait}
#help {Cursor: help}
</style>
</head>

#Hand = نام كد، كه به دلخواه شماست.

 { } = كد، داخل اين علامت، نوشته مي‌شود.

 Cursor: hand = كد شكل اشاره‌گر، كه در اينجا به صورت دست است.

2- فراخواني كد. شي مورد نظر را، كه قرار است اشاره‌گر، به محض رفتن بر روي آن، تغيير شكل دهد، داخل بدنه مي‌نويسيم.

 آن شي، ممكن است يك عكس باشد يا يك متن يا چيز ديگر. در اين مثال، متني را در نظر گرفته‌ام كه درون تگ (Span) نوشته‌ام.

<BODY>

<SPAN
ID="Auto">Auto</SPAN><BR>
<SPAN
ID="Crosshair">Crosshair</SPAN><BR>
<SPAN
ID="Default">Default</SPAN><BR>
<SPAN
ID="Pointer">Pointer</SPAN><BR>
<SPAN
ID="Hand">Hand</SPAN><BR>
<SPAN
ID="Move">Move</SPAN><BR>
<SPAN
ID="e-resize">e-resize</SPAN><BR>
<SPAN
ID="ne-resize">ne-resize</SPAN><BR>
<SPAN
ID="nw-resize">nw-resize</SPAN><BR>
<SPAN
ID="n-resize">n-resize</SPAN><BR>
<SPAN
ID="se-resize">se-resize</SPAN><BR>
<SPAN
ID="sw-resize">sw-resize</SPAN><BR>
<SPAN
ID="s-resize">s-resize</SPAN><BR>
<SPAN
ID="w-resize">w-resize</SPAN><BR>
<SPAN
ID="text">text</SPAN><BR>
<SPAN
ID="wait">wait</SPAN><BR>
<SPAN
ID="help">help</SPAN><BR>

</BODY>
</HTML>

ID = آي‌دي، همان نامي است كه در بالا نوشتيم؛ مانند (Hand).

اسم هر كد، نمايانگر حالت و نوع آن است.

اشاره‌گر دست‌ساز :

اينها، شكلهاي پيش فرض و موجود در ويندوز است.

 و مي‌شود شكل اشاره‌گر را آنگونه كه خودمان مي‌خواهيم، تغيير دهيم .

 يعني به شكلي كه خودمان طراحي كرديم. كافي است يك اشاره‌گر - كه با پسوند cur. است - انتخاب كرده و آدرس آنرا بنويسيد.

 به اين صورت:

#Test {Cursor: url (test.cur); }
 

 
ارسال نظر | موضوع : آموزش جاوا اسکریپت
 

ضمیمه طراحی وب شامل بهترین آموزشها و ضروری ترین اسکریپت ها و نکته ها
HTML کدهای اچ تی ام ال | متا تگ ها و لینک ها | تگهای اچ تی ام ال و کاربرد آنها | استایل شیت ها
Php آموزش پی اچ پی | اسکریپت های پی اچ پی
RsS آر اس اس چیست؟ | ساخت فایل آر اس اس برای صفحات ایستا | ایجاد نمایشگر آر اس اس

نام : ایمیل: پسورد:    
  جستجوگر
جستجوگر
ثبت سایت
لینکستان
 
X
آموزش جاوا اسکریپت
 
مقدمه ای بر جاوا اسکریپت
1 . پارامتر ها
2 . شرط 1
3 . شرط 2
4 . آبجکت یا شیء
5 . متغیر ها
6 . تابع
7 . آرایه
8 . حلقه 1
9 . حلقه 2
10 . معادلات قاعده ای
11 . ایجاد کوکی
12 . نمایش کوکی
13 . خواندن کوکی
14 . حرکت بخش صفحه
15 . حرکت بخش موس و اشیا
16 . موس و صفحه کلید
17 . عملیات برنامه نویسی
18 . کلمات تخصصی جاوا اسکریپت
19 . توضیح مفاهیم
20 . ویرایش کدها
 
»» ادامه آموزشها