طراحی وب سایت
درباره سایت
آخرین مطالب
امکانات وب
در سلسله آموزشهاي طراحي سايت آنلاينر به بخش سوم Event attribute در html پرداختيم.
رويداد هاي موس Mouse Events
onclick : اين رويداد زماني اجرا ميشود که روي عامل مورد نظر کليک شود.
ondblclick :اين رويداد زماني اجرا ميشود که روي عامل مورد نظر دابل کليک شود.
ondrag :اين رويداد زماني اجرا ميشود که عامل مورد نظر درگ شود.
ondragend :اين رويداد در پايان عمليات درگ اجرا ميشود.
ondragenter :اين رويداد زماني اجرا ميشود که عامل مورد نظر در مقصد معتبري درگ شود.
ondragleave :اين رويداد زماني اجرا ميشود که عامل مورد نظر توسط درگ از مکان معتبر خود خارج شود.
ondragover :اين رويداد زماني اجرا ميشود که عامل درگ شده وارد منطقه معتبر شود.
ondragstart :اين رويداد زماني اجرا ميشود که عمليات درگ شروع شود.
ondrop :اين رويداد زماني اجرا ميشود که عامل درگ شده رها شود.
onmousedown :اين رويداد زماني اجرا ميشود که يکي از دکمه هاي موس پايين فشرده شود.
onmousemove :اين رويداد زماني اجرا ميشود که موس حرکت داده شود.
onmouseout :اين رويداد زماني اجرا ميشود که اشاره گر موس از محدوده عامل مورد نظر خارج شود.
onmouseover :اين رويداد زماني اجرا ميشود که اشاره گر موس وارد محدوده عامل مورد نظر شود.
onmouseup :اين رويداد زماني اجرا ميشود که يکي از دکمه هاي موس رها شود.
onmousewheel :اين رويداد زماني اجرا ميشود که دکمه چرخشي موس چرخش داده شود.
onscroll :اين رويداد زماني اجرا ميشود که در نوار اسکرول عامل مورد نظر اسکرول شود.
<!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 اجرا ميشود . اين تابع نيز رنگ متن را به سبز تغيير ميدهد
طراحی وب سایت
برچسب: طراحی وب سایت,طراحی سایت,طراحی وب,
نویسنده: hadi