نحوه راه اندازی گوشی های هوشمند و رایانه های شخصی. پرتال اطلاعاتی

اکشن شناور Js. کنترل صفحه وب با رویدادهای jQuery

SSH(انگلیسی Secure SHell - " پوسته امن») - پروتکل شبکهسطح جلسه، اجازه تولید را می دهد کنترل از راه دور سیستم عاملو تونل کردن اتصالات TCP (مثلاً برای انتقال فایل). از نظر عملکرد مشابه پروتکل های Telnet و rlogin است، اما بر خلاف آنها، تمام ترافیک، از جمله رمزهای عبور ارسال شده را رمزگذاری می کند. SSH امکان انتخاب الگوریتم های رمزگذاری مختلف را فراهم می کند. کلاینت های SSH و سرورهای SSH برای اکثر سیستم عامل های شبکه در دسترس هستند.

SSH عملاً به هر پروتکل شبکه دیگری اجازه می دهد تا به طور ایمن در یک محیط ناامن منتقل شود. بنابراین، شما نه تنها می توانید از راه دور روی رایانه کار کنید پوسته فرمان، بلکه یک جریان صوتی یا ویدیو را از طریق یک کانال رمزگذاری شده (مثلاً از وب کم) منتقل کنید. SSH همچنین می تواند از فشرده سازی داده های ارسالی برای رمزگذاری بعدی آنها استفاده کند که برای مثال راحت است. راه اندازی از راه دورمشتریان سیستم پنجره ایکس.

اکثر ارائه دهندگان هاستینگ دسترسی SSH را به دایرکتوری خانگی خود در ازای هزینه ای در اختیار مشتریان قرار می دهند. این می تواند برای هر دو کار راحت باشد خط فرمانو برای راه اندازی از راه دور برنامه ها (از جمله برنامه های گرافیکی).

اولین نسخه از پروتکل، SSH-1، در سال 1995 توسط محقق Tatu Ulönen از دانشگاه فناوری هلسینکی فنلاند توسعه یافت. SSH-1 برای ارائه حریم خصوصی بیشتر از پروتکل های rlogin، telnet و rsh نوشته شده است. در سال 1996، بیشتر نسخه امنپروتکل، SSH-2، ناسازگار با SSH-1. این پروتکل حتی محبوبیت بیشتری پیدا کرد و تا سال 2000 حدود دو میلیون کاربر داشت. در حال حاضر، اصطلاح "SSH" معمولاً دقیقاً به معنای SSH-2 است، زیرا اولین نسخه از پروتکل به دلیل معایب قابل توجهدر حال حاضر عملا استفاده نمی شود.

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

من از شما می خواهم که درک خوبی از رویدادهایی مانند کلیک، موس، پایین آوردن ماوس، موس و موارد دیگر داشته باشید، تفاوت بین آنها را درک کنید و یاد بگیرید که چگونه از آنها برای حل وظایف در دست استفاده کنید. البته، پس از هر یک از مطالب کلیدی نظری، می توانید پیدا کنید پیاده سازی نرم افزارمثال ها. خوب، بیایید شروع کنیم!

تمام اطلاعات در مورد رویدادهای ماوس

چندین رویداد برای ماوس وجود دارد که به طور کامل تمام اقدامات ممکن مکان نما در صفحه را پوشش می دهد. در میان آنها مواردی وجود دارند که وقتی روی یک شیء کلیک می کنید، روی آن قرار می گیرید یا نشانگر را در امتداد حرکت می دهید، فعال می شوند. پنجره باز... همه آنها را می توان به دو گروه تقسیم کرد: رویدادهای ساده و پیچیده (ترکیب).

بیایید ساده شروع کنیم

ابتدا با اتفاقات ساده آشنا می شویم. فقط پنج نفر از آنها وجود دارد. برای سهولت، شرح هر ابزار را در جدول پیوست شده در زیر آورده ام.

نام شرح
ماوس پایین رویداد نامگذاری شده زمانی فراخوانی می شود که یکی از دکمه های ماوس فشار داده شود اما هنوز رها نشده باشد.
موس و این یکی از قبل با رها کردن دکمه ای که قبلاً بسته شده است فعال می شود.
ماوس بر هنگامی که مکان نما روی شی مورد پردازش قرار می گیرد، فراخوانی می شود.
ماوس کردن عملکرد مکان نما را که از منطقه عنصر خارج می شود کنترل می کند.
حرکت ماوس هر حرکت اشاره گر بر روی یک منطقه خاص باعث ایجاد رویداد فعلی می شود.

خوب، اکنون، برای تجمیع مطالب، اجازه دهید به یک مثال نگاه کنیم. من یک برنامه کوچک ایجاد کردم که در آن احساسات ایموجی هنگام شناور کردن و حرکت مکان نما تغییر می کند.

نشانگر ماوس را روی تصویر حرکت دهید تا تغییر کند.

حالا او را کنار بگذارید و تغییرات را تماشا کنید

وقت گروه بندی است

حال به سراغ دیدگاه های پیچیده می رویم. هر یک از این رویدادها شامل چندین مورد ساده است. در این حالت، تمام اجزای یک رویداد پیچیده به طور همزمان شلیک نمی کنند، بلکه در یک ردیف قرار می گیرند. بنابراین، گاهی اوقات ممکن است چنین شرایطی را مشاهده کنید که وقتی به سرعت روی آیتم های منوی یک وب سایت کلیک می کنید، گاهی اوقات کلیک کردن کار نمی کند.

چرا اینطور است؟ پاسخ به اندازه کافی ساده است.

پردازش رویداد با حداکثر سرعت انجام می شود. و در عین حال، فراموش نکنید که رویدادها به نوبه خود پردازش می شوند. این بدان معنی است که اگر خیلی سریع فشار دهید عناصر مختلفممکن است زنجیره پردازش کامل نشود.

بنابراین، رویدادهای ترکیبی در زیر فهرست شده‌اند.

همانطور که قبلا متوجه شدید، رویدادهای پیچیده تا حدودی زندگی توسعه دهندگان را ساده می کند، از جمله مجموعه ای از رویدادهای ساده ضروری به طور همزمان. در نتیجه، امروز هیچ کس نمی تواند تصور کند پردازش روتیندکمه ها یا عناصر دیگر بدون همان کلیک.

برای آشنایی عملی با عملکرد رویدادهای ذکر شده در بالا، اصلاح کردم برنامه قبلی... نتیجه کار من را تجزیه و تحلیل کنید.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 مثالی از ماوس روی یک عنصر صفحه

مثالی از ماوس روی یک عنصر صفحه

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

رویدادهای JQueryکمک به تعاملی کردن صفحات وب، پاسخگویی به ساده ترین اقدامات کاربر. رویدادها دقیقاً لحظه ای را نشان می دهند که در آن چیزی اتفاق می افتد، مانند کلیک ماوس.

لحظه ای که در آن رویداد رخ داده است نامیده می شود با تحریک یک رویداد... هنگام انجام عملیات های مختلف در صفحه وب، رویدادها می توانند فعال شوند. علاوه بر این، خود مرورگر می تواند به منبع رویدادها تبدیل شود.

کنترل صفحه وب با رویدادهای jQuery

1. رویدادهای ماوس

.کلیک ()
این رویداد با فشار دادن و رها کردن دکمه ماوس فعال می شود. برای پیوندها، تصاویر، دکمه ها، پاراگراف ها، بلوک ها و غیره اعمال می شود.

.dblclick ()
این رویداد زمانی فعال می شود که دکمه ماوس را دوبار کلیک کرده و رها کنید، به عنوان مثال، یک پوشه را در دسکتاپ خود باز کنید.

.mousedown ()
این رویداد زمانی رخ می دهد که دکمه ماوس فشار داده می شود، به عنوان مثال هنگام کشیدن آیتم ها.

.movemove ()
این رویداد زمانی فعال می شود که ماوس خود را روی صفحه حرکت دهید.

.mouseout ()
این رویداد زمانی فعال می شود که ماوس را از عنصر دور می کنید.

.ماوس بر ()
این رویداد زمانی فعال می‌شود که ماوس را بر روی یک عنصر قرار می‌دهید (مشابه با استفاده از: کلاس شبه شناور).

mouseup ()
با رها کردن دکمه ماوس، رویداد فعال می شود.

2. رویدادهای سند / پنجره

.بار ()
این رویداد زمانی فعال می شود که مرورگر تمام فایل های صفحه وب را بارگیری کند: فایل های html، css خارجیو فایل های جاوا اسکریپت، فایل های رسانه ای اگر صفحه وب حاوی آن باشد، ممکن است ناخوشایند باشد تعداد زیادی ازفایل ها. برای حل این مشکل، می توانید از تابع () آماده استفاده کنید که بلافاصله پس از بارگذاری کد html، اسکریپت ها را اجرا می کند.

تغییر اندازه ()
این رویداد با تغییر اندازه پنجره مرورگر فعال می شود.

.طومار ()
این رویداد زمانی فعال می‌شود که از نوارهای پیمایش استفاده می‌کنید، یا صفحه وب را با چرخ ماوس پیمایش می‌کنید، یا از کلیدهای صفحه‌کلید برای این منظور استفاده می‌کنید (pg up، pg dn، home، end).

تخلیه ()
این رویداد زمانی فعال می شود که می خواهید صفحه را ترک کنید، روی پیوندی کلیک کنید تا به صفحه دیگری بروید، برگه صفحه را ببندید یا پنجره مرورگر را ببندید.

3. رویدادها را شکل دهید

. blur ()
رویداد زمانی فعال می شود که فیلد فرم خارج از فوکوس باشد، یعنی. داده ها را در یک فیلد فرم وارد کردید و به قسمت دیگری رفتید.

.تغییر دادن ()
این رویداد زمانی فعال می شود که وضعیت یک فیلد فرم تغییر کند، به عنوان مثال، زمانی که یک مورد از یک منوی کشویی انتخاب می شود.

.تمرکز ()
این رویداد زمانی فعال می شود که با کلیک کردن روی دکمه یا برگه ماوس به یک فیلد فرم بروید.

تنظیم مجدد ()
این رویداد به شما امکان می دهد تا فرم را به حالت اولیه خود بازگردانید و تغییرات ایجاد شده را لغو کنید.

.انتخاب کنید ()
وقتی متنی را در داخل انتخاب می‌کنید، رویداد فعال می‌شود جعبه متنتشکیل می دهد.

.ارسال ()
این رویداد زمانی فعال می شود که یک فرم تکمیل شده را با کلیک بر روی دکمه ارسال یا فشار دادن کلید Enter در حالی که مکان نما در یک کادر متنی قرار دارد، ارسال می کنید.

4. رویدادهای صفحه کلید

.keydown ()
این رویداد با فشردن یک کلید، قبل از رویداد فشار کلید، فعال می شود.

.فشردن کلید ()
این رویداد زمانی فعال می شود که یک کلید را فشار دهید تا زمانی که کلید را رها کنید.

.keyup ()
هنگامی که کلید را رها می کنید، رویداد فعال می شود.

5. رویدادهای جی کوئری

شناور ()
این تابع به عنوان یک رویداد عمل می کند و به شما این امکان را می دهد که به طور همزمان دو مشکل مربوط به رویداد نشانگر ماوس و رویداد حذف نشانگر ماوس در رابطه با شی انتخاب شده را حل کنید. ساختار اصلی تابع:
$ ("# انتخابگر") شناور (function1, function2);

.تغییر وضعیت ()
رویداد مشابه رویداد hover () عمل می کند، با این تفاوت که رویداد با کلیک ماوس راه اندازی می شود. به عنوان مثال، می توانید یک منوی کشویی را با یک کلیک باز کنید و با یک ثانیه مخفی شوید.

6. شی رویداد

هنگامی که یک رویداد راه اندازی می شود، مرورگر اطلاعات مربوط به آن را در آن ذخیره می کند شی رویداد... شی رویداد حاوی داده های جمع آوری شده در زمان وقوع رویداد است. رویداد با استفاده از یک تابع مدیریت می شود و شی به عنوان یک آرگومان به تابع ارسال می شود - متغیر evt (شما همچنین می توانید از event یا فقط e به عنوان نام متغیر استفاده کنید). برای دسترسی به آرگومان، باید نام پارامتر را به تابع اضافه کنید. در این تابع، می توانید با استفاده از نحو نقطه ای به ویژگی های مختلف دسترسی پیدا کنید. هنگامی که تابع فراخوانی می شود، شی رویداد در متغیر evt ذخیره می شود.
شی رویداد دارد خواص مختلف، رایج ترین آنها در جدول زیر توضیح داده شده است.

جدول 1. ویژگی های شی رویداد
ویژگی شرح
صفحهX فاصله (px) از نشانگر ماوس تا لبه چپ پنجره مرورگر
صفحهY فاصله (px) از نشانگر ماوس تا لبه بالای پنجره مرورگر
screenX فاصله (px) از نشانگر ماوس تا لبه چپ مانیتور
صفحه نمایشY فاصله (px) از نشانگر ماوس تا لبه بالایی مانیتور
shiftKey اگر هنگام وقوع رویداد، کلید SHIFT فشار داده شود، درست است
که برای تعیین کد عددی کلید فشار داده شده (همراه با shiftKey) استفاده می شود.
هدف به این معنی که شی رویداد با یک دکمه ماوس کلیک شده است (به عنوان مثال، برای یک رویداد کلیک ())
داده ها شی مورد استفاده با تابع bind () برای ارسال داده به تابع مدیریت رویداد

مقالات مرتبط برتر