azami.cu@gmail.com | +98912 373 8239

کارکردن با رویداد های jquery

بدست آوردن کد کلید فشرده شده در صفحه کلید
event,jquey,javascript,js,keycode,keupress,keyup,keydown
به همت مهندس اعظمی در 1392/09/26

سلامی دوباره خدمت شما عزیزان

بدست آوردن کدهای صفحه کلید یکی از سوال هاییه که آدم دوست داره بدستش بیاره و در پروژه ازاون استفاده بکنه که کاربردهای زیادی میتونه داشته باشه مثلا:
قراردادن کلیدهای میانبر درسایت، بالا و پایین رفتن با صفحه کلید و یا هرچی که فکرشو بکنید

و این کار رو میشه براحتی انجام داد به اینصورت که با فشرده شدن هر دکمه از صفحه کلید مقدار اون رو چک میکنید و اگر برابر با اون چیزی بود که میخواستید عملیاتتون رو انجام میدید

ما برای این کار از رویدادkeyup استفاده میکنیم تا توی همه مرورگرها جواب بده.
نکته: ابتدا شما باید کتابخونه جیکوئری رو به صفحه اضافه بکنید.

اینم یه نمونه کوچیک:

کد HTML

    
key Code :
visit me on SARAT

فایل های استایل

    .container {
        width: 300px;
        height: 60px;
    }
    input {
        width: 100%;
        float: right;
        height: 30px;
        background: none;
        border: none;
        border-bottom: 2px solid #707070;
        color: #303030;
        margin: auto;
    }
                            

اینم کد جی کوئری

     $("#myInput").bind("keyup", function(event) {
        myKeyCode = event.keyCode;
        $("#msgHolder").text(myKeyCode)
    })
                            

و نکته آخر اینکه شما میتونید رویداد رو روی هرچیزی ست بکنید مانند Document و ...





Tags:   event,jquey,javascript,js,keycode,keupress,keyup,keydown