რა ტიპის მოვლენები (ივენტები) არსებობს?

მრავალი ტიპის მოვლენა არსებობს, მაგრამ ყველაზე გავრცელებულებს შეიძლება დაჯგუფდეს კატეგორიებად:

• მომხმარებლის ინტერფეისის მოვლენა:

  • click: ელემენტზე დაჭერა.
  • dblclick: ორჯერ დაჭერა ელემენტზე.
  • mousedown: მაუსის ღილაკის დაჭერა (წინათ განთავისუფლება).
  • mouseup: მაუსის ღილაკის განთავისუფლება.
  • mousemove: მაუსის მაჩვენებლის მოძრაობა ელემენტის ზედა.
  • mouseover: მაუსის მაჩვენებლის გადატანა ელემენტზე.
  • mouseout: მაუსის მაჩვენებლის გამორთვა ელემენტიდან.
  • mouseenter: მაუსის მაჩვენებლის გადატანა ელემენტზე (არ ბუბლია შვილობილი ელემენტებიდან).
  • mouseleave: მაუსის მაჩვენებლის გამორთვა ელემენტიდან (არ ბუბლია შვილობილი ელემენტებიდან).
  • contextmenu: კონტექსტური მენიუს გამოძახება მარჯვენა ღილაკით.

• საკლავიშო მოვლენა:

  • keydown: კლავიშის დაჭერა (წინათ განთავისუფლება).
  • keyup: კლავიშის განთავისუფლება.
  • keypress: კლავიშის დაჭერა და დაჭერის შენახვა, რომელიც წარმოშობს სიმბოლურ შეტყობინებას. (ძველი, უმჯობესია გამოიყენოთ keydown და keyup).

• ფორმის მოვლენა:

  • submit: ფორმის გაგზავნა.
  • change: ფორმის ელემენტის მნიშვნელობის ცვლილება (მაგ. <input>, <select>, <textarea>).
  • input: ფორმის ელემენტის მნიშვნელობის ცვლილება, როდესაც მისი შინაარსი ინტერაქტიულად იცვლება მომხმარებლის მიერ.
  • focus: ელემენტი იღებს ფოკუსს.
  • blur: ელემენტი კარგავს ფოკუსს.
  • cut: შინაარსის გაკვეთა.
  • copy: შინაარსის კოპირება.
  • paste: შინაარსის ჩასმა.

• ჩატვირთვის და შეცდომის მოვლენა:

  • load: რესურსის ჩატვირთვა დასრულდა (მაგ. სურათი, სკრიპტი, გვერდი).
  • unload: გვერდიდან გასვლა.
  • beforeunload: გვერდიდან გასვლის მცდელობა (მოჩვენება დადასტურების დიალოგი).
  • error: შეცდომა მოხდა რესურსის ჩატვირთვის ან სკრიპტის შესრულების დროს.

• ფოკუსის მოვლენა (FocusEvent):

  • focusin: ელემენტი ან მისი ნებისმიერი შვილი იღებს ფოკუსს.
  • focusout: ელემენტი ან მისი ნებისმიერი შვილი კარგავს ფოკუსს.

• გადაფურცვლის მოვლენა:

  • scroll: ელემენტის გადაფურცვლა.

• სენსორული მოწყობილობებისთვის ტჩის მოვლენა:

  • touchstart: თითი ეხება ეკრანს.
  • touchend: თითი იხსნება ეკრანიდან.
  • touchmove: თითი მოძრაობს ეკრანზე.
  • touchcancel: ტჩის მოვლენა შეწყდა (მაგ. სისტემური მენიუს გამოძახების გამო).

• გადატვირთვის და გადატანის მოვლენა:

  • dragstart: გადატვირთვის დაწყება.
  • drag: ელემენტი გადატვირთულია.
  • dragend: გადატვირთვის დასრულება.
  • dragenter: ელემენტი გადატვირთულია დაშვებულ ზონაზე.
  • dragleave: ელემენტი გადატვირთულია დაშვებულ ზონიდან.
  • dragover: ელემენტი გადატვირთულია დაშვებულ ზონაზე (საჭიროა სტანდარტული ქცევის გაუქმება, რათა დაშვება მოხდეს).
  • drop: ელემენტი გადატვირთულია დაშვებულ ზონაზე.

• ბრაუზერის ისტორიის მოვლენა:

  • popstate: აქტიური ჩანაწერის ცვლილება ნავიგაციის დროს (მაგ. "უკან/წინ" ღილაკის დაჭერა).

• ფანჯრის ზომის ცვლილების მოვლენა:

  • resize: ბრაუზერის ფანჯრის ზომის ცვლილება.

ეს სიაში არ არის ყველა, მაგრამ ის მოიცავს ყველაზე ხშირად გამოყენებულ და მნიშვნელოვან ტიპებს ვებ-განვითარებაში. მათი დანიშნულებისა და ქცევის გაგება მნიშვნელოვანია ინტერაქტიული ვებ-აპლიკაციების შექმნისთვის.