طراحی وب سایت
درباره سایت
آخرین مطالب
امکانات وب
2013/06/09آموزش html, آموزش طراحي سايت, طراحي سايتديدگاه ها
در سلسله آموزشهاي طراحي سايت آنلاينر به بخش سوم Event attribute در html پرداختيم.
در اين مقاله قصد بررسي بخش چهارم Event attribute در html را داريم.
رويداد هاي موس Mouse Events
onclick : اين رويداد زماني اجرا ميشود که روي عامل مورد نظر کليک شود.
ondblclick :اين رويداد زماني اجرا ميشود که روي عامل مورد نظر دابل کليک شود.
ondrag :اين رويداد زماني اجرا ميشود که عامل مورد نظر درگ شود.
ondragend :اين رويداد در پايان عمليات درگ اجرا ميشود.
ondragenter :اين رويداد زماني اجرا ميشود که عامل مورد نظر در مقصد معتبري درگ شود.
ondragleave :اين رويداد زماني اجرا ميشود که عامل مورد نظر توسط درگ از مکان معتبر خود خارج شود.
ondragover :اين رويداد زماني اجرا ميشود که عامل درگ شده وارد منطقه معتبر شود.
ondragstart :اين رويداد زماني اجرا ميشود که عمليات درگ شروع شود.
ondrop :اين رويداد زماني اجرا ميشود که عامل درگ شده رها شود.
onmousedown :اين رويداد زماني اجرا ميشود که يکي از دکمه هاي موس پايين فشرده شود.
onmousemove :اين رويداد زماني اجرا ميشود که موس حرکت داده شود.
onmouseout :اين رويداد زماني اجرا ميشود که اشاره گر موس از محدوده عامل مورد نظر خارج شود.
onmouseover :اين رويداد زماني اجرا ميشود که اشاره گر موس وارد محدوده عامل مورد نظر شود.
onmouseup :اين رويداد زماني اجرا ميشود که يکي از دکمه هاي موس رها شود.
onmousewheel :اين رويداد زماني اجرا ميشود که دکمه چرخشي موس چرخش داده شود.
onscroll :اين رويداد زماني اجرا ميشود که در نوار اسکرول عامل مورد نظر اسکرول شود.
رويداد هاي موس در صفحات وب از اهميت خاصي برخوردارند به نحوي که هم در کارايي صفحه وب و هم در جذابيت و رفاه کاربر تاثير بسزايي دارد.
مثال زير کاربرد رويدادهاي onmouseup و onmousedown را به خوبي بيان ميکند
<!DOCTYPE html>
<html>
<head>
<script>
function mouseDown()
{
document.getElementById("p1").style.color="red";
}
function mouseUp()
{
document.getElementById("p1").style.color="green";
}
</script>
</head>
<body>
<p id="p1" onmousedown="mouseDown()" onmouseup="mouseUp()">
روي متن کليک کنيد.</p>
</body>
</html>
در مثال بالا هنگامي که روي پاراگراف کليک کنيد تابع mouseDown() رنگ متن را قرمز و با رها کردن کليد موس تابع onmouseup اجرا ميشود . اين تابع نيز رنگ متن را به سبز تغيير ميدهد
برچسب: طراحی وب سایت,طراحی سایت,طراحی وب,
نویسنده: azadeh