ส่งเอกสารจาวาสคริปต์ ส่งจาวาสคริปต์ Pod onclick javaScript และสามวิธีในการประมวลผล sub

เทสทดสอบ. รีไวร์ รีไวร์ รีไวร์.

ส่งข้อความ

เบราว์เซอร์รองรับอินพุตเก่าสามรายการจากแป้นพิมพ์ Podії keydown และ keyup єpodіyamiต่ำที่เห็นได้ที่สาขาที่น่ารังเกียจ โพรเทโพเดีย กดปุ่มє vysokorіvnevim, scho vodomlyaє, scho ได้รับการแนะนำสัญลักษณ์อื่น

ข้อมูลจำเพาะร่างเหตุการณ์ระดับ 3 ของ DOM กำหนดพ็อดที่ระบุเพิ่มเติม ป้อนข้อความสร้างขึ้นพร้อมท์สำหรับการแนะนำข้อความ โดยไม่คำนึงถึงวิธีการเขียนคำนำ

มาเผยแพร่อินพุต textinput กันและนำไปใช้ในชั่วโมงของอินพุต textInput วัตถุอินพุตแบบง่ายจะถูกส่งผ่าน ซึ่งมีพลังของข้อมูลซึ่งรับอินพุตข้อความ (มิฉะนั้นแนะนำความจำเพาะของพลังงาน, inputMethod, สามารถใช้เพื่อบ่งบอกถึงอินพุต แต่ยังไม่ได้ดำเนินการ) เมื่อคุณป้อนข้อมูลพลังงานจากแป้นพิมพ์ให้เสียงอักขระตัวเดียว แต่เมื่อคุณ ป้อนสตริงอื่น ๆ อักขระใหม่สามารถละเว้นได้

ออบเจ็กต์การส่งซึ่งโอนมาจากปุ่มกดย่อยสามารถจัดระเบียบได้ Podіyaปุ่มกด є є є อักขระตัวเดียว อักขระนี้ถูกวางไว้ในวัตถุภายใต้รูปลักษณ์ของค่าตัวเลขของจุดรหัส Unicode i เพื่อเปลี่ยนเป็นแถว จำเป็นต้องบิดเมธอด String.fromCharCode() ในเบราว์เซอร์ส่วนใหญ่ จุดโค้ดของอักขระที่ป้อนจะถูกบันทึกเป็น รหัสกุญแจวัตถุของการส่ง อย่างไรก็ตาม ด้วยเหตุผลทางประวัติศาสตร์ Firefox มีพลังแห่งชัยชนะใหม่ charCode.

ในเบราว์เซอร์ส่วนใหญ่ คีย์ย่อยของปุ่มกดจะแตกเมื่อคุณป้อนอักขระที่แตกต่างกันเท่านั้น อย่างไรก็ตาม รูทีนย่อยการกดแป้นพิมพ์ของ Firefox ก็หยุดทำงานสำหรับอักขระที่ไม่ได้ใช้งานด้วย เพื่อเบี่ยงเบนจากสองจุด (และละเว้นสัญลักษณ์ที่ไม่ต่อสู้) คุณสามารถกลับค่า 0

สามารถตรวจสอบการป้อนข้อความย่อย การป้อนข้อความ และการกดปุ่ม เพื่อแทนที่อักขระที่ป้อน Tobto, qі podії can vikoristovuvat สำหรับการกรองการแนะนำ ตัวอย่างเช่น คุณสามารถข้ามการป้อนตัวอักษรในช่องที่กำหนดไว้สำหรับการป้อนข้อมูลตัวเลข

ในแอปพลิเคชันด้านล่าง โมดูลจะแสดงบน JavaScript ของฉันที่ใช้การกรองดังกล่าว วิน shukaє elementi іzแอตทริบิวต์ data-allowed-chars เพิ่มเติม (ที่ไม่ได้มาตรฐาน) การลงทะเบียนของ textinput, textInput และ keypress subtypes สำหรับองค์ประกอบที่รู้จักทั้งหมดและระหว่างความเป็นไปได้ของอินพุตโดยอักขระนิพจน์ทั่วไปที่ระบุในแอตทริบิวต์ data-allowed-chars:

/* กรองอินพุตสำหรับองค์ประกอบ โมดูลทั้งหมดค้นหาองค์ประกอบทั้งหมด เอกสารที่มีแอตทริบิวต์ "data-allowed-chars" ได้ คีย์รีจิสทรี, textinput และ textInput สำหรับองค์ประกอบเหล่านี้ เพื่อใส่ชุดของ for . ที่ถูกต้อง ใส่ตัวอักษรเพื่อให้คุณป้อนมากกว่าอักขระที่กำหนดให้กับแอตทริบิวต์ องค์ประกอบ Yakscho นอกจากนี้ สามารถใช้แอตทริบิวต์ "data-messageid" ได้ ค่าของแอตทริบิวต์นี้จะถูกตีความว่าเป็น ID ขององค์ประกอบอื่นในเอกสาร หากคุณต้องการป้อนอักขระที่ไม่ถูกต้อง องค์ประกอบที่มี id ถูกตั้งค่าให้มองเห็นได้ หากคุณต้องการป้อนอักขระที่ถูกต้อง อนุญาตให้ใช้องค์ประกอบได้ องค์ประกอบที่มีการอ้างอิงนี้ถูกกำหนดเพื่อวัตถุประสงค์ในการอธิบายว่าทำไมจึงมีการบันทึกการแนะนำของ coristuvacha การออกแบบนี้จำเป็นต้องดำเนินการด้วยความช่วยเหลือของ CSS ในลักษณะที่มองไม่เห็น */ whenReady(ฟังก์ชัน () ( // เรียกใช้ฟังก์ชันนี้หากเอกสารพร้อมใช้งาน // รู้องค์ประกอบทั้งหมด) var inputelts = document.getElementsByTagName("อินพุต"); // เดินผ่านพวกเขาใน for(var i = 0; i< inputelts.length; i++) { var elt = inputelts[i]; // Пропустить элементы, не являющиеся текстовыми полями ввода // и не имеющие атрибута data-allowed-chars if (elt.type != "text" || !elt.getAttribute("data-allowed-chars")) continue; // Зарегистрировать наш обработчик события в этом элементе input // keypress старое событие и реализовано во всех браузерах. // textInput поддерживается в Safari и Chrome с 2010 года. // textinput версия проекта стандарта "DOM Level 3 Events". if (elt.addEventListener) { elt.addEventListener("keypress", filter, false); elt.addEventListener("textInput", filter, false); elt.addEventListener("textinput", filter, false); } // textinput не поддерживается версиями IE, в которых не реализован // метод addEventListener() else { elt.attachEvent("onkeypress", filter); } } // Обработчик событий keypress и textInput, фильтрующий ввод пользователя function filter(event) { // Получить объект события и целевой элемент target var e = event || window.event; // Модель стандартная или IE var target = e.target || e.srcElement; // Модель стандартная или IE var text = null; // Введенный текст // Получить введенный символ или текст if (e.type === "textinput" || e.type === "textInput") text = e.data; else { // Это было событие keypress // Введенный печатаемый символ в Firefox сохраняется в свойстве charCode var code = e.charCode || e.keyCode; // Если была нажата какая либо функциональная клавиша, не фильтровать ее if (code < 32 || // Управляющий символ ASCII e.charCode == 0 || // Функциональная клавиша (в Firefox) e.ctrlKey || e.altKey) // Удерживаемая клавиша-модификатор return; // Не фильтровать это событие // Преобразовать код символа в строку var text = String.fromCharCode(code); } // Отыскать необходимую нам информацию в этом элементе input var allowed = target.getAttribute("data-allowed-chars"); // Допустимые символы var messageid = target.getAttribute("data-messageid"); // Сообщение id if (messageid) // Если указано значение id, получить элемент var messageElement = document.getElementById(messageid); // Обойти в цикле символы во введенном тексте for(var i = 0; i < text.length; i++) { var c = text.charAt(i); allowed = new RegExp(allowed, "i"); // Создаем регулярное выражение if (c.search(allowed) == -1) { // Недопустимый символ? // Отобразить элемент с сообщением, если указан if (messageElement) messageElement.style.visibility="visible"; // Отменить действия по умолчанию, чтобы предотвратить вставку текста if (e.preventDefault) e.preventDefault(); if (e.returnValue) e.returnValue = false; return false; } } // Если все символы оказались допустимыми, скрыть элемент // с сообщением, если он был указан if (messageElement) messageElement.style.visibility = "hidden"; } });

ด้านล่างนี้เป็นการบ่งชี้ส่วนมาร์กอัป HTML ซึ่งเป็นโมดูลหลัก:

ตัวเล็กด้านล่างแสดงรูปแบบ vikoristannya tsієї ที่นี่หลังจากป้อนชื่อ ฉันใส่หมายเลข เนื่องจาก bula ถูกบล็อกโดยอัตโนมัติและมีการแจ้งเตือนล่วงหน้า:

คีย์ย่อยและข้อความป้อนเข้าจะถูกสร้างขึ้นทันทีก่อนการแทรกข้อความใหม่ลงในองค์ประกอบเอกสาร ซึ่งมีจุดเน้นของอินพุต ดังนั้นคอมไพเลอร์ของอินพุตเหล่านี้สามารถรบกวนการแทรกข้อความโดยการพูดอินพุต

เบราว์เซอร์ยังใช้ Pod ป้อนข้อมูลซึ่งทำงานเมื่อมีการแทรกข้อความลงในองค์ประกอบ คุณไม่สามารถบอกฉันถึงข้อความย่อยและข้อความย่อยของข้อความย่อยไม่ได้นำข้อมูลเกี่ยวกับการแทรกข้อความไป - คุณแค่บอกฉันเกี่ยวกับองค์ประกอบที่เป็นข้อความที่มีการเปลี่ยนแปลงในข้อความ ตัวอย่างเช่น หากคุณต้องการแน่ใจว่าคุณป้อนเฉพาะอักขระตัวพิมพ์ใหญ่ คุณสามารถระบุตัวสุ่มสำหรับการป้อนข้อมูล ดังที่แสดงด้านล่าง:

อินพุตเป็นมาตรฐานในข้อกำหนด HTML5 และรองรับโดย all เบราว์เซอร์ที่ทันสมัยครีม ไอ. เอฟเฟกต์ที่คล้ายกันสามารถทำได้ใน IE โดยการเปลี่ยนค่าอำนาจขององค์ประกอบข้อความอินพุตหลังจากเพิ่มประเภทย่อยที่ไม่ได้มาตรฐาน การเปลี่ยนแปลงทรัพย์สิน.

ส่งคีย์บอร์ด

Podії คีย์ลงі คีย์อัพ zbudzhuyutsya ถ้า koristuvach กด chi เพื่อปล่อยคีย์บนแป้นพิมพ์ กลิ่นเหม็นถูกสร้างขึ้นสำหรับปุ่มตัวปรับแต่ง ปุ่มฟังก์ชั่น และปุ่มตัวอักษรและตัวเลข ทันทีที่คีย์ถูกลบ ตราบใดที่เปิดโหมดเล่นซ้ำอัตโนมัติ คีย์ย่อยที่ไม่ระบุตัวตนจะถูกสร้างขึ้น คีย์อัพแรกจะปรากฏขึ้น

เป้าหมายของการสนับสนุน รหัสกุญแจจากค่าตัวเลข ราวกับเป็นแป้นกด สำหรับคีย์ที่สร้างอักขระอื่นๆ คีย์โค้ดจะมีอำนาจแทนที่จุดโค้ด Unicode ที่ตรงกับอักขระหลักที่แสดงบนคีย์ คีย์ที่มีตัวอักษรจะสร้างค่า keyCode ที่ตรงกับอักขระที่เป็นตัวพิมพ์ใหญ่เสมอ โดยไม่ขึ้นกับปุ่ม Shift และอักขระเดียวกันจะแสดงบนคีย์

เช่นเดียวกับแป้นตัวเลข ให้สร้างค่า keyCode ที่ตรงกับอักขระตัวเลขที่แสดงบนแป้นเสมอ เพื่อที่ว่าเมื่อคุณกดปุ่ม Shift เพื่อป้อนอักขระอื่น สำหรับคีย์ที่ไม่รับอักขระอื่น พลังของคีย์โค้ดมีความสำคัญมากกว่านั้น ค่าพลังงานของคีย์โค้ดยังไม่ได้รับมาตรฐานแต่อย่างใด อย่างไรก็ตาม, เบราว์เซอร์ต่างๆกลิ่นเหม็นไม่แรงจนไม่สามารถพกพาได้

คล้ายกับวัตถุที่อยู่ใต้เมาส์ วัตถุที่อยู่ใต้แป้นพิมพ์สามารถทรงพลังได้ altKey, ctrlKey, metaKeyі shiftKeyหากค่าถูกตั้งค่าเป็น true ดังนั้นในขณะที่สิ้นสุดการย่อย คีย์ตัวปรับแต่งเริ่มต้นจะถูกละเว้น

Posії keydown และ keyup รวมถึงพลังของ keyCode ได้รับชัยชนะมานานกว่าสิบปีแล้ว แต่ยังไม่ได้รับมาตรฐาน DOM Level 3 Events Draft กำหนดมาตรฐานของประเภทคีย์ลงและคีย์อัพ แต่ไม่ได้กำหนดมาตรฐานพลังของคีย์โค้ด Natomist มีความหมายถึงพลังใหม่ของกุญแจ เนื่องจากมีความผิดในการล้างแค้นที่จะตั้งชื่อกุญแจในแถวที่มองเห็น เมื่อคีย์สั่งสัญลักษณ์ของอีกอัน พลังของคีย์ก็คือการล้างแค้นให้กับสัญลักษณ์นั้น สำหรับปุ่มฟังก์ชัน พลังของคีย์เป็นความรับผิดชอบของแม่ของค่าดังกล่าว เช่น F2, Home หรือ Left

ในขณะที่เขียน แถวของคีย์สิทธิ์เหล่านี้ ตามที่กำหนดโดยมาตรฐาน DOM ระดับ 3 กิจกรรม ยังไม่มีการใช้งานในเบราว์เซอร์ใดๆ ปกป้องเบราว์เซอร์ตามกลไกของ Webkit, Safari และ Chrome มีความหมายในวัตถุที่มีพลัง ตัวระบุคีย์. สำหรับปุ่มฟังก์ชัน ซึ่งคล้ายกับปุ่มเปิด/ปิด พลังของตัวระบุคีย์ไม่ใช่ตัวเลข แต่เป็นแถวของชื่อคีย์ เช่น Shift หรือ Enter สำหรับคีย์ที่ยอมรับอักขระที่เป็นมิตร พลังในการล้างแค้นน้อยกว่าแถวอื่นของการแสดงจุดโค้ดอักขระ Unicode ตัวอย่างเช่น แป้น A ให้ค่า U+0041

ในแอปพลิเคชัน คลาสคีย์แมปจะแสดงอยู่ด้านล่าง ซึ่งแสดงตัวระบุของคีย์ผสม เช่น PageUp, Alt_Z และ ctrl+alt+shift+F5 ในฟังก์ชันบน JavaScript mov โดยคลิกที่คีย์เพื่อกดคีย์ผสมเหล่านี้ การกำหนด Keymap จะถูกส่งไปยังตัวสร้าง Keymap() ของแบบฟอร์ม วัตถุ JavaScriptชื่อของอำนาจที่ควรมอบให้กับตัวระบุของการรวมกันของคีย์และความหมายของอำนาจเหล่านี้ควรได้รับการแก้แค้นด้วยการใช้ฟังก์ชั่น obbrniks การเพิ่มการโยงระยะไกลนั้นอยู่เบื้องหลังเมธอดเพิ่มเติม bind() และ unbind()

วัตถุ Keymap ได้รับการติดตั้งในองค์ประกอบ HTML (วัตถุเอกสารเสียง) ด้วยวิธีตัวช่วย install() ภายใต้ชั่วโมงของการติดตั้งออบเจ็กต์ Keymap สำหรับองค์ประกอบนี้ จะมีการลงทะเบียนสำเนาของคีย์ดาวน์ Shorazu หากกดแป้น รายการตรวจสอบจะเปลี่ยนการมีอยู่ของฟังก์ชัน ซึ่งส่งผลให้มีการรวมกันนี้ ตามหน้าที่ก็เรียกออกมา

Obrobnik ภายใต้พลังคีย์ดาวน์ของคีย์ ซึ่งเป็นที่ยอมรับโดยมาตรฐาน DOM ระดับ 3 กิจกรรม เนื่องจากไม่ใช่ มิฉะนั้น คุณสามารถลองใช้พลัง Webkit ของ keyIdentifier ได้ І เพื่อเป็นทางเลือกสำรอง สำเนาของรหัสพาวเวอร์คีย์ที่ไม่ได้มาตรฐานของผู้ชนะ:

// ฟังก์ชันตัวสร้างฟังก์ชัน Keymap(การผูก) ( this.map = (); // กำหนดตัวระบุ->การผูกหาก (การผูก) ( // คัดลอกไปยังแผนที่การผูกใหม่สำหรับ (ชื่อในการผูก) this.bind (ชื่อ การโยง); ) ) // เชื่อมโยงคำแนะนำกับตัวระบุคีย์จากฟังก์ชันที่กำหนดโดยตัวอย่าง Keymap.prototype.bind = function(key, func) ( this.map = func; ); // เลิกผูกรหัสคีย์ที่ระบุ Keymap.prototype.unbind = function(key) (ลบ this.map;); // ติดตั้งออบเจ็กต์คีย์แมปบนองค์ประกอบ HTML คำใบ้ Keymap.prototype.install = function(องค์ประกอบ) ( var keymap = this; // กำหนดฟังก์ชันตัวจัดการฟังก์ชันตัวจัดการ (เหตุการณ์) ( return keymap.dispatch (event, element) ; ) // ตั้งค่า if (element.addEventListener) element.addEventListener("keydown", handler, false);else if (element.attachEvent) element.attachEvent("onkeydown", handler); คีย์บอร์ด, หมุนวนไปยังการโยง Keymap.prototype.dispatch = function(event, element) ( // ไม่มีชื่อคีย์ตัวแก้ไข, ไม่มีชื่อคีย์ var modifiers = ""; var keyname = null; / / สร้างแถวของ modifiers สำหรับรูปลักษณ์ที่เป็นที่ยอมรับจากอักขระ // เป็นตัวพิมพ์เล็ก, เรียงตามลำดับตัวอักษร ตัวแก้ไข if (event.altKey) += "alt_"; .metaKey) ตัวแก้ไข += "meta_"; if (event.shiftKey) ตัวแก้ไข += "shift_"; // คีย์เหล่านี้ง่ายต่อการจดจำเนื่องจากเป็นพลังของคีย์ มีการใช้งาน // ถูกกำหนดโดยมาตรฐาน DOM ระดับ 3: if (event.key) keyname = event.key;// หากต้องการลบชื่อคีย์ฟังก์ชันออกจาก Safari และ Chrome คุณสามารถ // ชนะพลังของ keyIdentifier อื่น ๆ if(event.keyIdentifier && event.keyIdentifier.substring(0,2) !== "U+" ) ชื่อคีย์ = เหตุการณ์ keyIdentifier;// ในอีกทางหนึ่ง คุณสามารถบิดพลังของ keyCode // และในการแสดงรหัส > im ด้านล่างอื่น ke yname = Keymap.keyCodeToKeyName; // หากชื่อปุ่มไม่ปรากฏขึ้น ให้ไม่ต้องสนใจด้านล่าง // แล้วหมุนคีย์ ถ้า (!keyname) กลับมา; // ตัวระบุคีย์ตามรูปแบบบัญญัติประกอบด้วยชื่อของตัวดัดแปลง // ชื่อคีย์นั้นเป็นตัวพิมพ์เล็ก var keyid = modifiers + keyname.toLowerCase(); // ย้อนกลับ อะไรคือการเชื่อมโยงของตัวระบุคีย์นี้ var handler = this.map; if (ตัวจัดการ) ( // เช่นเดียวกับตัวจัดการสำหรับจำนวนคีย์ เรียกมันออกมา // เรียกใช้ฟังก์ชันตัวจัดการ var retval = handler.call(องค์ประกอบ เหตุการณ์ keyid); if (retval === false) ( if ( event.stopPropagation) event.stopPropagation(); // DOM model else event.cancelBubble = true; // IE model if (event.preventDefault) event.preventDefault(); / / DOM อื่น event.returnValue = false; // IE ) // หมุนค่า ละเว้น handler return retval;))); // ฟังก์ชันเพิ่มเติมของการแปลงตัวระบุคีย์เป็นรูปแบบบัญญัติ // เราจำเป็นต้องแปลงตัวระบุ "meta" เป็น "ctrl" เพื่อแปลง // Meta-C identifier เป็น "Command-C" เป็น คอมพิวเตอร์ Macและใน "Ctrl-C" กับส่วนอื่นๆ ทั้งหมด Keymap.normalize = function(keyid) ( keyid = keyid.toLowerCase(); // ตัวพิมพ์เล็ก var words = keyid.split(/\s+|[\-+_]/); // ตัวดัดแปลงที่แยกจากกัน var ชื่อคีย์ = คำ .pop (); // ชื่อคีย์ - ส่วนที่เหลือของคำชื่อคีย์ = Keymap.aliases || ชื่อคีย์; // ชื่อนามแฝง?words.sort(); .join("_"); // เข้าร่วมทั้งหมดในครั้งเดียว) Keymap.aliases = ( // เปลี่ยนชื่อแทนคีย์หลัก // เป็นชื่อ "อย่างเป็นทางการ" ที่สะกดใน DOM ระดับ 3 และเปลี่ยนรหัสคีย์ // เป็นชื่อด้านล่าง ค่านี้เกิดจากอักขระตัวพิมพ์เล็ก "escape" เท่านั้น: "esc", "return": ป้อน", "delete": "del", "ctrl":"control", "space":"spacebar", "ins":"insert"); // อำนาจเก่าของวัตถุ keyCode ภายใต้คีย์ดาวน์ไม่ได้มาตรฐาน // แต่ค่าที่ใหม่กว่าสามารถเปลี่ยนแปลงได้สำเร็จในเบราว์เซอร์และระบบปฏิบัติการส่วนใหญ่ Keymap.keyCodeToKeyName = ( // คีย์ที่มีคำหรือลูกศรอยู่ 8:"Backspace", 9:"Tab", 13:"Enter", 16:"Shift", 17:"Control", 18:"Alt", 19: "หยุดชั่วคราว", 20: "CapsLock", 27: "Esc", 32: "Spacebar", 33: "PageUp", 34: "PageDown", 35: "End", 36: "Home", 37: "ซ้าย", 38:"ขึ้น", 39:"ขวา", 40:"ลง", 45:"แทรก", 46:"Del", // ปุ่มตัวเลขบนแป้นพิมพ์หลัก (ไม่ใช่ปุ่มรอง) 48: "0 ",49:"1",50:"2",51:"3",52:"4",53:"5",54:"6",55:"7",56:"8 ", 57:"9", // แป้นตามตัวอักษร แสดงความเคารพซึ่งไม่มีความแตกต่างที่นี่ // ตัวพิมพ์ใหญ่และตัวพิมพ์เล็ก 65:"A", 66:"B", 67:"C", 68:"D" , 69 : "E", 70: "F", 71: "G", 72: "H", 73: "I", 74: "J", 75: "K", 76: "L", 77 :" M", 78: "N", 79: "O", 80: "P", 81: "Q", 82: "R", 83: "S", 84: "T", 85: " U" , 86:"V", 87:"W", 88:"X", 89:"Y", 90:"Z", // แป้นตัวเลขบนแป้นพิมพ์เสริมและแป้นที่มีอักขระแยกกัน// ( ไม่รองรับใน Opera) 96:"0",97:"1",98:"2",99:"3",100:"4",101:"5",102:"6",103: "7" ,104:"8", 105:"9", 106:"ทวีคูณ", 107:" บวก", 109:"ลบ", 110:"ทศนิยม", 111:"หาร", // ปุ่มฟังก์ชัน 112: "F1", 113: "F2", 114: "F3", 115: "F5", 118: "F7", 119: "F8", 120: "F9", 121: "F10", 122: "F11", 123: "F12", 125: "F14", 126: "F15", 127: "F16", 128: "F17"", 129:"F18", 130:"F19", 131:" F20", 132:"F22", 134:"F23", 135:"F24", // ไม่จำเป็นต้องใช้ปุ่มที่มีอักขระต่างกันสำหรับการป้อน // เพื่อใช้ปุ่ม Shift // ยัติภังค์ไม่สามารถหักได้ ด้วยวิธีพกพา: FF turn // รหัสเดียวกันกับคีย์การลบ 59:";", 61:"=", 186:";", 187:"=", // Firefox และ Opera หมุน 59,61 188: ",", 190:".", 191:"/", 192:"`", 219:"[", 220:"\", 221:"]", 222: """);

ด้านล่างนี้เป็นตัวอย่างของออบเจ็กต์คีย์แมป:

Window.onload = function() ( var keymap = new Keymap; // สร้าง Keymap object keymap.bind("ctrl+a", // Ctrl+A combo function(event, keyid) ( alert(" you have pressed : " + keyid) ));// อีกหนึ่งการเชื่อมโยง Ctrl + Enter keymap.bind("ctrl+enter", function(event, keyid) ( alert("You have pressed: " + keyid) )); keymap. install (เอกสาร. เนื้อหา); // ติดตั้งวัตถุ Keymap สำหรับเอกสารทั้งหมด);

ธีมของ subdiy มีความสำคัญมากกว่า cіkavaอื่นๆ Zavdyaki їyคุณสามารถทำงานแม้กระทั่งสุนทรพจน์ tskavih จำนวนมาก koristuvachs ดังกล่าวจะถูกจับ Podiya ใน JavaScript- tse pevna diya, จามรี viklikana หรือ koristuvachem หรือเบราว์เซอร์ ตัวอย่างเช่น คุณสามารถคลิกเมาส์บนปุ่ม เลื่อนเมาส์ โฟกัสที่องค์ประกอบ เปลี่ยนค่าในช่องข้อความ เปลี่ยนหน้าต่างหน้าต่างของเบราว์เซอร์ และอื่นๆ

ฉันได้เตรียมตารางที่มีอินพุตที่จำเป็น (อย่างที่ฉันรู้ ยอมรับ) JavaScript. คุณจะทราบก่อนอื่น ฉันจะตั้งชื่อย่อย องค์ประกอบที่สามารถสร้างย่อยเดียวกัน คำอธิบายของมาก podії JavaScript.

ทีนี้ลองคิดดู จามรี แท็ก javascript. Іsnuyut เรียกว่า โพเดีย. Obrobniksอย่างไรก็ตาม พวกเขากำหนดสิ่งที่ควรทำในกรณีที่เพลงมีความผิด JavaScript Pod Coders maєดูฉูดฉาด:

OnNamePodії

Tobto back to back ไปที่คำนำหน้า บน"และให้ ชื่อพ็อด, ตัวอย่างเช่น, ดังนั้น โพเดีย: onFocus, เมื่อคลิก, onSubmitและจนถึงตอนนี้ ฉันไม่คิดว่ามี viniclo อยู่ที่นี่ และตอนนี้อาหารเขม่า: " จะแฮ็คสำหรับ JavaScript ได้อย่างไรพื้นที่แห่งความซบเซาของพวกเขานั้นยิ่งใหญ่และเราสามารถดูงานทีละอย่างกับคุณได้ ด้านข้างมีอักษรสามตัว ไซลันของผิวหนังvіdpovіdaєสำหรับพื้นหลังสีที่ต่างกัน (สมมติว่า ขาว เหลือง และเขียว) สีของพื้นหลังเปลี่ยนไป: สีของพื้นหลังจะเปลี่ยนเป็นสีสำหรับการโปรโมต หากเมาส์คลิกเพื่อดูข้อความ

บิลลี่
Zhovtiy
Zeleny

มาจัดการกับสคริปต์นี้กันดีกว่า ด้าน HTMLด้วยการสนับสนุน JavaScriptі css(พูดอีกอย่างคือ ก้น DHTML). เริ่มเดินถอยหลัง แท็ก HTMLที่ใครคนหนึ่งเริ่มต้น ไม่ว่าจะเป็น ด้าน HTML. ให้เราสร้างสไตล์เพื่อให้แน่ใจว่าเราใส่สีฟ้า เก้าอี้ใต้เท้าที่ด้านนี้ และหมีมองไปที่พวกเขา "ตัวชี้" คุณอาจพูดว่า: "จำเป็นต้องกำหนดสไตล์ตอนนี้หรือไม่? ถูกต้อง โพซิลานเนีย แต่เรามีโพซิลานเหมือนไม่มี (ถึงแม้จะไม่มีคุณลักษณะก็ตาม) hrefในวิทยานิพนธ์) จากนั้น กลิ่นเหม็นจะได้รับการอภัยเป็นข้อความสีดำสำหรับการเลื่อนตำแหน่ง นั่นเป็นเหตุผลที่รูปแบบของ obov'yazkovy คุณสามารถจัดระเบียบโยคะและประหลาดใจกับสิ่งที่จะเกิดขึ้น และยิ่งสั้นลง href แอตทริบิวต์(ความหมาย Be-yakim แม้จะว่างเปล่า) และอธิบายว่าทำไมสคริปต์ถึงหยุดทำงาน มาเริ่มกันเลย JavaScript. เราสร้างความเปลี่ยนแปลง default_colorคิดยังไงกับสีโปรโมท. มีสามฟังก์ชั่น:

การทำงาน setTempColor() Vіdpovіdaєสำหรับการเปลี่ยนสี timchasova

การทำงาน setDefaultColor() Vіdpovіdaєสำหรับการเปลี่ยนสีสำหรับโปรโมชั่น

การทำงาน ค่าเริ่มต้นสี()ฟื้นฟูสีขี้เถ้าเพื่อส่งเสริม

ไปที่จุดแข็งสำหรับคุณสมบัติของจามรี เครื่องเก็บตัวอย่าง. เมื่อชี้หมีไปที่คำขอ ให้โทษ โพเดีย MouseOverอย่างชัดเจน, onMouseOverเรียกฟังก์ชัน setTempColor()มันส่งผ่านพารามิเตอร์อื่น เมื่อคุณเอาหมีออกจากธาตุ ให้โทษ Pod_MouseOutแล้วโทรออก ฟังก์ชัน defaultColor(), วิธีปล้นสีของโลกให้เป็นสีสำหรับล็อค ฉัน nareshti เมื่อคลิกหมีเพื่อขอความช่วยเหลือ ( ตัวจัดการ onClick) ฟังก์ชั่นการโทร setDefaultColor(), วิธีตั้งค่าสี, งานสำหรับพารามิเตอร์ของสีเป็นพื้นหลังสำหรับคำอธิบายภาพ จามรี bachite ทุกอย่างจบง่าย

Tse buv หลักการของ vikoristannya podіy ใน JavaScriptและปล่อยให้ทุกอย่างนอนลงตามจินตนาการของคุณเท่านั้น!

การประมวลผลฝัก

โปรแกรมไคลเอนต์บน JavaScript บนมือถือจะขึ้นอยู่กับรูปแบบการเขียนโปรแกรม หากโปรแกรมนั้นรองรับโดยโปรแกรมย่อย ด้วยรูปแบบการเขียนโปรแกรมนี้ เว็บเบราว์เซอร์จะสร้าง Pod หากมีองค์ประกอบที่เป็นไปได้ในเอกสาร ตัวอย่างเช่น เว็บเบราว์เซอร์สร้างพ็อด การบันทึกเอกสารเสร็จสิ้น ส่งข้อความไปยังเมาส์ หรือกดปุ่มบนแป้นพิมพ์

หากโปรแกรม JavaScript เรียกใช้ประเภทย่อยแรกสำหรับองค์ประกอบแรกของเอกสาร โปรแกรมสามารถลงทะเบียนฟังก์ชันอย่างน้อยหนึ่งฟังก์ชันที่จะถูกเรียกใช้เมื่อมีการเรียกประเภทย่อย แจ้งให้เราทราบว่าอะไรไม่ใช่คุณลักษณะเฉพาะของการเขียนโปรแกรมเว็บ: โปรแกรมทั้งหมด ส่วนต่อประสานกราฟิก koristuvacha deyut ตัวเองอยู่ในอันดับดังกล่าว - กลิ่นเหม็นตรวจสอบอย่างต่อเนื่องในขณะที่มันจะเป็น (ตรวจสอบที่ด้านล่าง) และดูผู้ที่เป็น

ประเภทพ็อด- ลำดับซึ่งหมายถึงประเภทของงาน DIY ที่ทำให้เกิดการขึ้นโพเดียม ตัวอย่างเช่น ประเภท "mousemove" หมายความว่าผู้พูดได้ย้ายอินพุตของเมาส์ ประเภท "คีย์ลง" หมายความว่ามีการกดปุ่มบนแป้นพิมพ์ และประเภท "โหลด" หมายความว่ามีการโหลดเอกสาร (หรือทรัพยากรอื่น) จากการวัด Oskіlkiประเภทpodії - มันเป็นแค่แถวบางครั้งโยคะก็ถูกเรียกตามชื่อของpodії

วัตถุประสงค์- tse object ซึ่งไวนิลมีโพเดียหรือที่ผูกโพเดีย หากคุณพูดถึงโพเดีย ให้ออกเสียงประเภทและวิธีการของโพเดีย ตัวอย่างเช่น ภายใต้ "โหลด" ของวัตถุ Window หรือภายใต้องค์ประกอบ "คลิก" . เป้าหมายที่พบบ่อยที่สุดสำหรับโปรแกรมไคลเอ็นต์ใน JavaScript คืออ็อบเจ็กต์ Window, Document และ Element และแอปพลิเคชันประเภทอื่นๆ ยังสามารถใช้ในอ็อบเจ็กต์ประเภทอื่นได้อีกด้วย

Obrobnik podії- tse funktsіya, จามรี obroblyaє, chi v_dgukuєtsya podіya โปรแกรมต้องลงทะเบียนการทำงานของตัวรวบรวมพ็อดในเว็บเบราว์เซอร์โดยระบุประเภทของพ็อดที่กำหนดเป้าหมาย หากวัตถุเป้าหมายที่ระบุมีประเภทย่อยของประเภทที่ระบุ เบราว์เซอร์จะเปลี่ยนชื่อ หากมีการเรียก podobniks สำหรับวัตถุใด ๆ บางครั้งมีการกล่าวว่าเบราว์เซอร์ได้ "ทำลาย" หรือ "สร้าง" พ็อด

วัตถุที่ส่ง- tse ob'єkt, po'yazaniya z ร้องเพลงpodієyuฉันstіtіtіnformatsiyu pro tsiu podіyu ออบเจ็กต์ Pod จะถูกส่งต่อไปยังฟังก์ชันตัวจัดการ Pod เป็นอาร์กิวเมนต์ (crim IE8 และอื่นๆ รุ่นแรกๆ de ob'єkt podіїใช้ได้เฉพาะในมุมมองของเหตุการณ์การเปลี่ยนแปลงทั่วโลก) วัตถุหนวดอยู่ภายใต้อำนาจ พิมพ์ซึ่งหมายถึงประเภทของการแบ่งอำนาจนั้น เป้า, สิ่งที่กำหนดวิธีการยื่น.

สำหรับผิวประเภท pov'yazanom ob'ektіหน่วยงานpodіїvyznaєtsyanabіr ตัวอย่างเช่น วัตถุที่กดที่ด้านล่างของเมาส์ รวมถึงพิกัดของเมาส์และวัตถุที่กดที่ด้านล่างของแป้นพิมพ์ เพื่อลบข้อมูลเกี่ยวกับแป้นที่ถูกกดและเกี่ยวกับตัวปรับแต่งแป้นกด สำหรับประเภทย่อยที่หลากหลาย จะมีการกำหนดเฉพาะพาวเวอร์มาตรฐาน เช่น ชนิดและเป้าหมาย และจะไม่มีการถ่ายโอนข้อมูลเพิ่มเติม ข้อมูลสีน้ำตาล. สำหรับการแบ่งประเภทดังกล่าว การมีอยู่ของส่วนย่อยเป็นสิ่งสำคัญ และข้อมูลอื่นๆ ไม่สำคัญ

ก้นกว้าง- กระบวนการ tse ในเวลาที่เบราว์เซอร์ใช้งานไม่ได้ สำหรับบางอ็อบเจ็กต์ การคลิกถัดไปและแท็กนั้นถูกต้อง ในกรณีต่างๆ ที่กำหนดให้กับออบเจ็กต์เดียว (เช่น "โหลด" ของออบเจ็กต์ Window) ความต้องการสำหรับวันที่ขยายออกไป อย่างไรก็ตาม หากคุณตำหนิเพลงในองค์ประกอบของเอกสาร เพลงนั้นขยายหรือรวมเข้าด้วยกัน ขึ้นเนินไปตามโครงสร้างเอกสาร

เช่นเดียวกับ koristuvach klatsne กับเมาส์บนไฮเปอร์โพซิชั่น ด้านล่างของ "mousemove" ที่ด้านหลังจะถูกทำลายในองค์ประกอบ ,ความหมายของอำนาจคืออะไร. จากนั้นจะถูกส่งไปยังองค์ประกอบที่ประกอบด้วย: เป็นไปได้ไปยังองค์ประกอบ

องค์ประกอบ

วัตถุเอกสารเดียวกัน มิฉะนั้น คุณสามารถลงทะเบียนลายเซ็นเดียวในออบเจ็กต์ Document หรือในองค์ประกอบคอนเทนเนอร์อื่น หรือลดการลงทะเบียนในทุกองค์ประกอบที่ส่งเสียงเตือนเรา

เมื่อได้อุทิศตามเงื่อนไขบางประการแล้ว คุณสามารถห่ออาหาร ผูกจากกางเกงในและเสื้อคลุมได้

การลงทะเบียนผู้รวบรวมข้อมูล

มีสองวิธีหลักในการลงทะเบียนตัวอย่างข้อมูล สิ่งแรกซึ่งปรากฏขึ้นในช่วงเริ่มต้นในการพัฒนาเว็บของ All-World อยู่ที่คุณภาพที่ติดตั้งของวัตถุหรือองค์ประกอบของเอกสารซึ่งเป็นวิธีการส่ง อีกวิธีหนึ่งที่ใหม่และเป็นสากลมากขึ้นคือการถ่ายโอนตัวอย่างไปยังวิธีอ็อบเจ็กต์หรือองค์ประกอบ

ทางขวาพับเก็บเอาสกินได้สองแบบ สิทธิ์ของตัวห้อยสามารถตั้งค่าได้ในโค้ดโปรแกรมด้วย JavaScript หรือองค์ประกอบเอกสารของฉัน โดยการตั้งค่าแอตทริบิวต์ที่เหมาะสมโดยตรงในคำจำกัดความ HTML การลงทะเบียนคอลเลกชันในวิธีการคลิกด่วนสามารถทำได้โดยใช้วิธี addEventListener() มาตรฐาน ซึ่งรองรับโดยเบราว์เซอร์ทั้งหมด ยกเว้น IE เวอร์ชัน 8 และต่ำกว่า และโดยวิธีอื่นด้วย AttachEvent() ซึ่งได้รับการสนับสนุน โดย IE ทุกรุ่นจนถึง IE9

การจัดตั้งหน่วยงาน obrobniki ใน podіy

วิธีที่ง่ายที่สุดในการลงทะเบียนเครื่องเก็บตัวอย่างใต้สนามคือการรวมวัตถุเป้าหมายไว้ใต้ฟังก์ชันพุกามของตัวเก็บตัวอย่าง เพื่อประโยชน์ของอำนาจชื่อถูกสร้างขึ้นซึ่งเกิดขึ้นจากคำว่า "บน" หลังจากนั้นชื่อต่อไปนี้จะตามมา: onclick, onchange, onload, onmouseover เป็นต้น ให้ความเคารพต่อข้อเท็จจริงที่ว่าชื่อของหน่วยงานมีความละเอียดอ่อนในการขึ้นทะเบียนและมีสัญลักษณ์เพียงไม่กี่ตัวในนั้น เพื่อนำมาพิจารณาหากประเภทของหน่วยงานประกอบด้วยคำ dekilkoh (เช่น "readystatechange") ด้านล่างนี้คือตัวอย่างการลงทะเบียนข้อมูลตัวอย่างสองตัวอย่าง:

// กำหนดฟังก์ชัน onload ของออบเจกต์ Window // ฟังก์ชั่นเป็นตัวห้อย: จะไม่ถูกเรียกเมื่อเอกสารถูกครอบครอง window.onload = function() ( // รู้จักองค์ประกอบ

var elt = document.getElementById("ที่อยู่จัดส่ง"); // ลงทะเบียนแบบฟอร์มส่งที่จะเรียก // ทันทีก่อนที่จะส่งแบบฟอร์ม elt.onsubmit = function() ( return validate(this); ) )

วิธีการลงทะเบียนพ็อดนี้รองรับโดยเบราว์เซอร์ทั้งหมดสำหรับพ็อดทุกประเภท ซึ่งมักจะได้รับชัยชนะ ดูเหมือนว่า อินเทอร์เฟซที่ใช้ทั้งหมด ซึ่งใช้วิธีการกว้าง ซึ่งหมายถึงลายเซ็นของตนเอง อนุญาตให้ลงทะเบียนระเบียนโดยการตั้งค่าอำนาจของนักสะสมในจดหมาย

อำนาจหน้าที่ของผู้ที่ตกอับนั้นไม่มากนักสำหรับผู้ที่มีกลิ่นเหม็นถูกคาดการณ์ไว้สำหรับการรับเข้าเรียน เนื่องจากจำนวนมารดาที่ขาดสารอาหารมีเสื้อชั้นในมากกว่าหนึ่งประเภท เมื่อสร้างไลบรารีสำหรับไลบรารีในเอกสารเพิ่มเติมสำหรับการลงทะเบียนตัวอย่าง ง่ายกว่าที่จะชนะโดยใช้วิธีการ (เช่นการโทรด่วนไปยังเมธอด addEventListener ()) ซึ่งจะไม่เปลี่ยนแปลงและไม่เขียนทับตัวอย่างที่มีอยู่ ที่ลงทะเบียนไว้ก่อนหน้านี้

แอตทริบิวต์ที่ติดตั้งในตัวอย่าง

คุณยังสามารถตั้งค่าพลังของประเภทย่อยตัวอย่างในองค์ประกอบเอกสารโดยเปลี่ยนค่าของแอตทริบิวต์ในแท็ก HTML เฉพาะ ด้วยวิธีนี้ ค่าแอตทริบิวต์สามารถอยู่ในแถวของโค้ด JavaScript โค้ดโปรแกรมนี้อาจคล้ายกับฟังก์ชันปลายเปิดของแซมเพลอร์ หรือน้อยกว่าเนื้อหา นั่นคือเหตุผลที่การนำรูปแบบลายเซ็นไปใช้ในเลย์เอาต์ HTML นั้นไม่มีความผิดในการใช้คีย์เวิร์ดของฟังก์ชันในส่วนโค้งโค้ง ตัวอย่างเช่น:

แม้ว่าค่าของแอตทริบิวต์ HTML ของแซมเพลอร์จะประกอบขึ้นจากคำสั่งจาวาสคริปต์จำนวนหนึ่ง แต่กลิ่นเหม็นนั้นเกิดจากการมีรอยจุดหรือค่าของแอตทริบิวต์อาจมีการเปลี่ยนแปลงในหลายแถว

ประเภทย่อยบางประเภทเป็นที่รู้จักสำหรับเบราว์เซอร์เป็นไวด์การ์ด แต่ไม่ใช่สำหรับองค์ประกอบเฉพาะใดๆ ของเอกสาร ต้นฉบับของพ็อดย่อยดังกล่าวใน JavaScript ได้รับการลงทะเบียนในวัตถุหน้าต่าง กลิ่น HTML สามารถวางในแท็กได้ แต่เบราว์เซอร์จะลงทะเบียนกับวัตถุ Window ด้านล่างนี้คือรายการตัวอย่างล่าสุดของตัวอย่างดังกล่าว ซึ่งกำหนดเป็นข้อกำหนด HTML5 ฉบับร่าง:

onafterprint onfocus ononline onresize onbeforeprint onhashchange onpagehide onstorage onbeforeunload onload onpageshow onundo onblur onmessage onpopstate onunload onerror onoffline onredo

เมื่อพัฒนาสถานการณ์ไคลเอนต์ เป็นที่ยอมรับเพื่อเปิดใช้งานมาร์กอัป HTML ในโค้ดโปรแกรมของ JavaScript ของฉัน โปรแกรมเมอร์ที่ปฏิบัติตามกฎนี้อย่างไม่ซ้ำกัน (มิฉะนั้นจะใช้เอกลักษณ์) จะจับคู่แอตทริบิวต์ HTML ของแซมเพลอร์เพื่อไม่ให้โค้ดโปรแกรมปะปนกับ JavaScript และมาร์กอัป HTML ของฉัน

addEventListener()

สำหรับรุ่นมาตรฐานของประเภทย่อย ซึ่งรองรับโดยเบราว์เซอร์ทั้งหมด เช่น IE เวอร์ชัน 8 หรือต่ำกว่า วิธีประเภทย่อยสามารถเป็นวัตถุใดก็ได้ - รวมถึงวัตถุหน้าต่างและเอกสาร และวัตถุองค์ประกอบทั้งหมดขององค์ประกอบเอกสาร - วิธีการเริ่มต้นพร้อมชื่อ addEventListener()เพื่อช่วยในการลงทะเบียนคอลเลกชันของพ็อดสำหรับใคร

addEventListener() วิธีการรับสามอาร์กิวเมนต์ อย่างแรกคือประเภทของpodіїซึ่งมีการลงทะเบียนตัวอย่าง ประเภท (หรือ im'ya) สามารถอยู่ในแถวและไม่มีความผิดในการรวมคำนำหน้า "เปิด" ซึ่งจะชนะเมื่อมีการติดตั้งอำนาจของตัวสุ่มตัวอย่าง อาร์กิวเมนต์อื่นของเมธอด addEventListener() คือฟังก์ชันที่สามารถเรียกใช้ในประเภทย่อยต่างๆ ของประเภทที่กำหนดได้ อาร์กิวเมนต์ที่เหลือของเมธอด addEventListener() ถูกส่งผ่านค่าบูลีน ส่งเสียงกริ่งซึ่งอาร์กิวเมนต์ที่ส่งผ่านค่าเป็นเท็จ หากคุณส่งค่าจริงไปยังค่าใหม่ ฟังก์ชันจะถูกลงทะเบียนเป็นผู้ปฏิบัติงานที่เลอะเทอะและจะถูกเรียกในเฟสถัดไปของการขยายย่อย

ข้อมูลจำเพาะอาจเปลี่ยนแปลงเป็นครั้งคราวเพื่อให้สามารถละเว้นอาร์กิวเมนต์ที่สามได้แทนที่จะส่งผ่านข้อมูลเท็จไปยังอาร์กิวเมนต์ใหม่อย่างชัดแจ้ง แต่ในขณะที่เขียน การรวมอาร์กิวเมนต์ที่สามในเบราว์เซอร์สตรีมมิงบางตัวทำให้เกิดการอภัยโทษ

ตัวอย่างถัดไปลงทะเบียนแท็ก "คลิก" สองแท็กในองค์ประกอบ

. เพื่อคืนความเคารพต่อความเป็นอิสระของสองแผนกต้อนรับ:

กดดันฉัน!

การคลิกเมธอด addEventListener() ในแถว "คลิก" ของอาร์กิวเมนต์แรกจะไม่ส่งผลต่อค่าของคุณสมบัติ onclick ที่ vishche ที่ลอยอยู่นั้น เศษของการกระทบกันที่ปุ่มนั้นเพิ่มขึ้นเป็นสองเท่า บทสนทนา viconเตือน(). ที่สำคัญกว่านั้น เมธอด addEventListener() สามารถเรียกได้หลายครั้ง และลงทะเบียนด้วยฟังก์ชันแซมเพลอร์เพิ่มเติมสำหรับประเภทย่อยเดียวกันในอ็อบเจ็กต์เดียวกัน เมื่อการสมัครรับข้อมูลปรากฏในออบเจ็กต์ จะมีการโทรกลับไปยัง obrobniks ที่ลงทะเบียนสำหรับการสมัครรับข้อมูลประเภทนี้ ตามลำดับการลงทะเบียน

การเรียกใช้เมธอด addEventListener() ที่แตกต่างกันสำหรับอ็อบเจ็กต์เดียวกันที่มีอาร์กิวเมนต์เดียวกันไม่ได้ให้ผลลัพธ์ที่ต้องการ - ฟังก์ชันตัวจัดการได้รับการลงทะเบียนเพียงครั้งเดียว และการเรียกซ้ำจะไม่เพิ่มลำดับความสำคัญในการเรียกกลับการเรียกคืน

วิธีคู่ addEventListener() คือ method removeEventListener()ซึ่งรับสามอาร์กิวเมนต์ แต่ไม่เพิ่ม แต่เห็นฟังก์ชัน-obrobnik จากวัตถุ มักจะทำด้วยมือ หากจำเป็นต้องลงทะเบียนการรวบรวมบันทึกชั่วคราว เราจะลบออกในบางจุด

อินเทอร์เน็ต เวอร์ชั่นนักสำรวจด้านล่าง IE9 ไม่รองรับเมธอด addEventListener() และ removeEventListener() เวอร์ชัน IE5 มีวิธีการที่คล้ายกันมากขึ้น แนบเหตุการณ์ ()і detachEvent(). แม้ว่าโมเดลพ็อดใน IE จะไม่รองรับช่วงการเปลี่ยนภาพ แต่เมธอด AttachEvent() และ detachEvent() จะใช้อาร์กิวเมนต์เพียงสองอาร์กิวเมนต์: ประเภทของพ็อดและฟังก์ชันของตัวจัดการ ในขณะที่อาร์กิวเมนต์แรก เมธอดใน IE คือ ส่งผ่านอำนาจของตัวจัดการด้วยคำนำหน้า "เปิด" และไม่ใช่ประเภทย่อยที่ไม่มีคำนำหน้า

Viklik obrobnikov podіy

หลังจากลงทะเบียนแท็กชื่อแล้ว เว็บเบราว์เซอร์จะเรียกมันโดยอัตโนมัติหากวัตถุที่ระบุมีชื่อประเภทที่ระบุ ในส่วนนี้ มีการอธิบายลำดับของวิกิโดยละเอียด อาร์กิวเมนต์ของพจนานุกรม บริบทของวิกิ (ความหมายของสิ่งนี้) และการรับรู้ถึงความหมายของไดเจสต์ที่เปลี่ยนไป ขออภัย รายละเอียดเหล่านี้ได้รับการอัปเดตระหว่าง IE เวอร์ชัน 8 และต่ำกว่าและเบราว์เซอร์อื่นๆ

ข้อโต้แย้ง

เมื่อ vyklik obroblyuvacha podіy yomu เสียง (สำหรับ vinyatka หนึ่งที่กล่าวถึงด้านล่าง) วัตถุของpodіїจะถูกส่งจากการดูอาร์กิวเมนต์เดียว เจ้าหน้าที่ของวัตถุควรแก้แค้นข้อมูลเพิ่มเติมเกี่ยวกับแท่น ตัวอย่างเช่น ประเภทพลังงาน กำหนดประเภทของส่วนย่อยที่เป็นวินิลา

ใน IE เวอร์ชัน 8 และต่ำกว่า ตัวรวบรวมข้อมูลที่ลงทะเบียนกับการตั้งค่าพลังงาน วัตถุของชั่วโมงย่อยของสัปดาห์จะไม่ถูกส่ง ลักษณะของอ็อบเจ็กต์จะถูกบันทึกไว้ใน global change window.event สำหรับการพกพา คุณสามารถจัดเรียงฝักดังที่แสดงด้านล่าง เพื่อให้กลิ่นเหม็นเปลี่ยน window.event อย่างมีชัยสำหรับชั่วโมงของสัปดาห์โดยไม่มีข้อโต้แย้ง:

ออบเจ็กต์พ็อดถูกส่งไปยังตัวจัดการพ็อดซึ่งลงทะเบียนโดยวิธี AttachEvent() แต่ก็เปลี่ยน window.event ได้เช่นกัน

ภายใต้ชั่วโมงของการลงทะเบียนสำเนาของโค้ดสำหรับแอตทริบิวต์ HTML เพิ่มเติม เบราว์เซอร์จะแปลงแถวของโค้ดโปรแกรมเป็นภาษา JavaScript เป็นฟังก์ชัน เบราว์เซอร์ที่ดูเหมือน IE จะสร้างฟังก์ชันด้วยอาร์กิวเมนต์เหตุการณ์เดียว IE สร้างฟังก์ชันเพราะไม่ยอมรับอาร์กิวเมนต์ หากฟังก์ชันดังกล่าวมีรหัสเหตุการณ์ ควรตั้งค่าเป็น window.event ไม่ว่าในกรณีใด ลายเซ็นของแท็กตามที่ปรากฏใน HTML สามารถนำไปใช้กับวัตถุแท็กเพื่อขอความช่วยเหลือจากตัวระบุเหตุการณ์

บริบทของข้อมูลตัวอย่าง

หากไฟล์ตัวอย่างลงทะเบียนโดยการตั้งค่าความสว่าง ดูเหมือนว่าวิธีการใหม่ในการกำหนดองค์ประกอบของเอกสาร:

E.onclick = function() ( /* การใช้งานตัวจัดการ */ );

ในการนั้น จึงไม่น่าแปลกใจที่ต้นแบบของพ็อดถูกเรียก (โดยมีตำหนิอย่างหนึ่งว่า IE ควรถูกกล่าวถึง ตามที่อธิบายไว้ด้านล่าง) เป็นวิธีของวัตถุซึ่งได้รับมอบหมาย Tobto ในtіlі obrobnik podіy คำสำคัญนี้ขึ้นอยู่กับเป้าหมายของการแบ่งย่อย

ในคอลเล็กชัน คีย์เวิร์ดที่ส่งไปยังอ็อบเจ็กต์เป้าหมาย หากลงทะเบียนไว้สำหรับวิธีใช้เมธอด addEventListener () อย่างไรก็ตาม น่าเสียดายที่มันไม่ได้มาก่อนเมธอด AttachEvent() รูทีนที่ลงทะเบียนหลังเมธอด AttachEvent() จะถูกเรียกเป็นฟังก์ชัน และในนั้นคีย์เวิร์ดที่ใช้กับอ็อบเจกต์โกลบอล (หน้าต่าง) ปัญหานี้สามารถแก้ไขได้ด้วยวิธีต่อไปนี้:

/* รีจิสทรีถูกกำหนดให้กับฟังก์ชันเป็นประเภทย่อยของประเภทที่กำหนดสำหรับวัตถุที่ระบุ รับประกันว่า obroblyuvach จะถูกเรียกเป็นวิธีการของวัตถุเป้าหมายเสมอ */ ฟังก์ชัน addEvent(target, type, handler) ( if (target.addEventListener) target.addEventListener(type, handler, false); else target.attachEvent("on" + type, function(event) ( mark method // pass มันถึงคุณวัตถุ return handler.call(target, event); ));

โปรดทราบว่าฟังก์ชัน wrapper ที่ลงทะเบียนในลักษณะนี้ไม่สามารถมองเห็นได้ ฟังก์ชันที่ส่งไปยังฟังก์ชันการห่อ ซึ่งส่งผ่านโดยวิธี attachEvent() จะไม่ถูกบันทึกที่ใดเลย เพื่อให้ส่งผ่านไปยังเมธอด detachEvent() ได้ .

ความสำคัญของ obrobniks ที่เปลี่ยน

ค่า ราวกับว่าเปิดโดยรายการตรวจสอบ จะถูกลงทะเบียนโดยการตั้งค่าพลังของวัตถุ หรือโดยความช่วยเหลือของแอตทริบิวต์ HTML ถัดจากการตรวจสอบ ฟังค่าที่กลายเป็นเท็จเพื่อบอกเบราว์เซอร์ว่าไวน์ไม่มีความผิดในชัยชนะโดยโอนกุญแจไปที่ล็อค

ตัวอย่างเช่น แฮนเดิล onclick ของปุ่มแก้ไขแบบฟอร์มสามารถตั้งค่าเป็น false เพื่อหลีกเลี่ยงการแก้ไขฟอร์มของเบราว์เซอร์ (อาจคุ้มค่า เนื่องจากรหัสอินพุตไม่ผ่านการตรวจสอบความถูกต้องทางฝั่งไคลเอ็นต์) ในทำนองเดียวกัน ตัวรวบรวมฟิลด์อินพุตแบบ onkeypress สามารถกรองอินพุตจากแป้นพิมพ์ได้ ซึ่งจะเปลี่ยนเป็นเท็จเมื่อป้อนอักขระที่ไม่ถูกต้อง

สิ่งสำคัญอีกอย่างคือค่าที่เครื่องสแกนเปิดอยู่ด้านหน้าวัตถุ Windows โพเดียนี้ถูกสร้างขึ้นหากเบราว์เซอร์สลับไปอีกด้านหนึ่ง หากหนังสือเล่มเล็กเล่มนี้ถูกเปิดเป็นแถว หนังสือเล่มนั้นจะแสดงในหน้าต่างการสนทนาแบบโมดอล ซึ่งจะเผยแพร่โคริสตูวาชอฟและยืนยันโอกาสที่จะออกจากด้านข้าง

สิ่งสำคัญคือต้องเข้าใจว่าความหมายกำลังถูกริบราวกับว่าพวกเขาถูกเปลี่ยนโดยเสมียนของมาเฟียเพียงในฐานะเสมียนของการลงทะเบียนเพื่อขอความช่วยเหลือจากการติดตั้งหน่วยงาน Obrobniki ลงทะเบียนเพื่อขอความช่วยเหลือจาก addEventListener() หรือ attachEvent() แทนที่การตำหนิสำหรับการเรียกเมธอด preventDefault() หรือตั้งค่าสิทธิ์ของ returnValue ของอ็อบเจ็กต์ภายใต้

พูดว่าใช่

ความหมายซึ่งเปลี่ยนโดยล่ามของกิจการเราลงทะเบียนเป็นอำนาจคุณสามารถชนะการใส่ร้ายการกระทำซึ่งถูกดึงหลังการล็อคเบราว์เซอร์เมื่อสิ้นสุดการสำรวจสำมะโนประชากร สำหรับเบราว์เซอร์ที่รองรับเมธอด addEventListener() คุณยังสามารถใช้ทางลัดไปยังเมธอด ป้องกันค่าเริ่มต้น ()วัตถุของการส่ง อย่างไรก็ตาม ใน IE เวอร์ชัน 8 และต่ำกว่า จะมีผลเช่นเดียวกันโดยการตั้งค่าสิทธิ์ returnValueวัตถุถูกตั้งค่าเป็นเท็จ

ที่ส่วนย่อยของการโจมตี สำเนาของการคลิกสำหรับคำขอจะแสดงขึ้น ซึ่งเป็นวิธีควบคุมสามวิธีของผู้ชนะในการควบคุมอินพุต (การบล็อกการเปลี่ยนแปลงของ coristuvach สำหรับคำขอ):

Window.onload = function() ( // ค้นหาการชำระเงิน var a_href = document.getElementsByTagName("a"); // เพิ่มตัวจัดการการคลิก (ไม่ใช่สำหรับ IE

โปรเจ็กต์โมดูล Inline DOM Events 3 ถูกกำหนดให้กับอ็อบเจ็กต์ Event ที่มีสิทธิเหนือชื่อ ค่าเริ่มต้นPrevented. เบราว์เซอร์ทั้งหมดยังไม่รองรับ แต่สาระสำคัญของโยคะคือสำหรับจิตใจที่พิเศษที่สุด มันสามารถมีค่าของเท็จและยอมรับค่าของจริงเฉพาะในกรณีที่ตอบสนองต่อเมธอด preventDefault()

Skasuvannya dіyสำหรับจิตใจของ po'yazanih іzpodієyu - เพียงหนึ่งในตัวแปร skasuvannya podії นอกจากนี้ยังสามารถขยายส่วนล่างของเท้าได้อีกด้วย ในเบราว์เซอร์ที่รองรับเมธอด addEventListener() ออบเจ็กต์สามารถรองรับเมธอด หยุดการขยายพันธุ์ (), Wiklik ซึ่งถูกขัดจังหวะเพิ่มเติมโดยการขยายด้านล่าง นอกจากนี้ ในวัตถุเป้าหมายเดียวกันจะมีการลงทะเบียนแท็กและแท็กอื่น ๆ แท็กอื่นจะยังคงคลิกอยู่ แต่ไม่เช่นนั้นแท็กจะไม่ถูกคลิกในวัตถุอื่นหลังจากการเรียกเมธอด stopPropagation()

ใน IE เวอร์ชัน 8 และต่ำกว่า ไม่รองรับเมธอด stopPropagation() Natomist ob'єktpodіїใน IE maєvlastіvіst ยกเลิกBubble. การตั้งค่าอำนาจเป็นจริงจะแทนที่ความกว้างของส่วนย่อย

การปรับปรุงข้อกำหนด DOM Events 3 กำหนดวิธีการเพิ่มเติมอีกหนึ่งวิธีในวัตถุเหตุการณ์ - ชื่อ method หยุดการขยายพันธุ์ทันที(). คล้ายกับเมธอด stopPropagation() จะเก็บส่วนขยายย่อยไว้เบื้องหลังอ็อบเจกต์อื่นๆ และยิ่งไปกว่านั้น ไวน์จะดูแลผลลัพธ์ของส่วนย่อยอื่นๆ ที่ลงทะเบียนไว้กับวัตถุเดียวกัน

หนึ่งในคุณสมบัติที่สำคัญที่สุดของภาษา JavaScript ทำให้เป็นไปได้. ความเป็นไปได้นี้มีไว้สำหรับ JavaScript ควบคู่ไปกับภาษาอื่นโดยเฉพาะ การเขียนโปรแกรมเว็บ, เพราะมีเพียง mov ของฉันเท่านั้นที่สามารถทำงานได้เช่นนี้

โพเดียมและโพเดียมมีอะไรบ้าง?

Podiya - tse pevna diya จามรีสามารถทำงานได้ทั้ง koristuvach หรือวัตถุอื่น ๆ ที่ด้านข้าง

ด้วยก้นที่สวยงามที่สุดภายใต้การคลิกของ coristuvach จากวัตถุใด ๆ ( คลิก), ปุ่ม chi tse, แรงหรือเป็นองค์ประกอบอื่น ก้นที่สองของส่วนย่อย การเล็งของเมาส์เหนือวัตถุ ( เลื่อนเมาส์ไป) พูดเหนือภาพ นอกจากนี้ฉันจะเพิ่มอีกด้านหนึ่งไปด้านข้าง ( โหลด). Zagalom usіdії, scho vіdbuvayutsyaบนเว็บไซต์, єpodіyami

ดังนั้นแกน เราสามารถอยากเป็นเหมือนโพเดียได้ เหมือนถูกอุ้มไปด้านข้างและจัดการมันเพื่อรับความช่วยเหลือจากบัตรกำนัล ตัวอย่างเช่น เมื่อวางเมาส์เหนือบล็อก div ใดบล็อกหนึ่ง เราสามารถป้อนการเตือนความจำ พูดว่า "คุณรู้จักพื้นที่ข้อความ" มิฉะนั้น เมื่อคุณคลิกที่ปุ่ม แนบบล็อกเดียวกันจากด้านข้าง Zagalom ซึ่งหลายตัวสามารถขโมยไปแปรรูปได้เหมือนฝัก

І เพื่อที่จะสร้าง podіyu จำเป็นต้องชนะบัตรกำนัลพิเศษสำหรับpodіїtsієїpodії ผิวหนัง pod_ya maє svіy obrobnik เช่น เมื่อคลิก podії ( คลิก) เมื่อคลิก. เมื่อวางเมาส์เหนือวัตถุ ( เลื่อนเมาส์ไป) onmouseover. І ที่ด้านล่างของผลประโยชน์ทั้งหมดของฝ่าย ( โหลด) onload.

Tobto ตามที่คุณเข้าใจ ชื่อของโออบนิกเกิดจากคำนำหน้า "on" + ชื่อรอง

รายการใหม่แพทย์สามารถทราบ Podіy และ obrobnikіv ในบทความเหล่านี้ เราสามารถดูได้เฉพาะสิ่งเหล่านั้นเท่านั้น ซึ่งส่วนใหญ่มักจะได้รับชัยชนะ

Obrobnik podіїเรียกว่าเป็นคุณลักษณะใน HTML นามธรรมองค์ประกอบ. คุณสามารถเขียนโค้ด JavaScript ทันทีสำหรับค่าของตัวค้นหา หรือเรียกอีกอย่างว่ามันเป็นฟังก์ชัน เพื่อที่คุณจะได้ทำงานที่จำเป็นให้เสร็จ ฟังก์ชันนี้ต้องอธิบายไว้ตรงกลางแท็กสคริปต์ ซึ่งสามารถอยู่ตรงกลางของบล็อกส่วนหัวและส่วนท้ายของแท็กเนื้อหาได้ วิธีส่งพารามิเตอร์สำหรับฟังก์ชันนี้ คำนี้นั่นคือวัตถุสตรีมมิ่ง

ทีนี้มาเขียนตัวอย่างง่ายๆ เมื่อวางเมาส์เหนือบล็อกที่มีข้อความ หลังจากใช้วิธีการแจ้งเตือน ระบบจะแสดงการแจ้งเตือนเกี่ยวกับข้อความที่อยู่ตรงกลางของพื้นที่ข้อความ

Div( padding-left: 50px; width: 200px; border: 1px solid #000; )

รหัสจาวาสคริปต์:

ฟังก์ชั่น blockOver(block)( alert("You are in the text area"); )

เราบันทึกเอกสารเปิดในเบราว์เซอร์วางเคอร์เซอร์ของเมาส์ไว้เหนือข้อความและรับผลลัพธ์ของการประมวลผลอินพุต:

จะรับค่าของแอตทริบิวต์ใน javascript ได้อย่างไร?

สำหรับความช่วยเหลือของพารามิเตอร์ฟังก์ชัน (นี้) คุณสามารถ ดึงค่าของแอตทริบิวต์ใด ๆ ของวัตถุสตรีมตัวอย่างเช่น รู้จักรหัสโยคะ

ตัวอย่างเช่น มาสร้างปุ่มและตั้งค่า ID เป็นค่า "justButton" หากคุณคลิกที่ปุ่มนี้ คุณจะเห็นข้อความต่อไปนี้: "คุณคลิกที่ปุ่มที่มีค่า_id" ที่นี่มีความจำเป็นอยู่แล้วที่จะvikoristati ตัวจัดการ onclick.

รหัสจาวาสคริปต์:

ฟังก์ชัน clickOnButton(button)( alert("You click on the button with ID:" + button.id); )

บันทึกเอกสาร เปิดในเบราว์เซอร์และคลิกที่ปุ่ม

เพื่อให้คุณสามารถป้อนชื่อปุ่มเองได้ ( button.name) หรือค่า її ( button.value)

เราใช้ค่าความกว้างและความสูงขององค์ประกอบ

เช่ คุณสามารถรับรู้ความหมาย พลัง CSSองค์ประกอบเช่น ความกว้างและความสูง เพื่อขจัดความกว้างของผู้ชนะ อำนาจคือ clientWidth และ offsetWidthและสำหรับส่วนสูง ลูกค้าความสูงและ offsetHeight. ตัวอย่างเช่น ค่าของความกว้างและความสูงของปุ่มที่ถูกคลิกจะแสดงขึ้น

ตอนนี้แทนที่จะเป็นฟังก์ชัน clickOnButton จะเป็นดังนี้:

ฟังก์ชัน clickOnButton(button)( //alert("You clicked on the button with ID:" + button.id); var width = button.clientWidth || button.offsetWidth; var height = button.clientHeight || button.offset alert ("ความกว้างของปุ่ม: " + ความกว้าง + "\nความสูงของปุ่ม: " + ความสูง); )

ผลลัพธ์ที่ฉันจะใช้:

ฉันเดาว่าความกว้างขององค์ประกอบมีความสำคัญในเวลาเดียวกันกับค่าการเติม ดังนั้น 111px [ 99px(width) + 6px(padding-left) + 6px(padding-right) ] จะดีกว่า

ส่วนการประมวลผลก็ไม่ต้องเขียนโค้ดเยอะแล้วเขียนข้อมูลได้เลย รหัสอยู่ที่มูลค่าของการตอบสนอง. เพื่อแทนที่การเรียกใช้ฟังก์ชัน เราเขียนโค้ดที่จำเป็น

ตัวอย่างเช่น เมื่อด้านข้างถูกครอบครอง คุณสามารถส่งบันทึกเกี่ยวกับผู้ที่ถูกครอบครองได้ จำเป็นต้องชนะเพื่อใคร โหลดpodіyaและїї obrobnik onload. เราจะเขียนสรุปนี้ที่วิทยานิพนธ์ของร่างกาย

วิธีดังกล่าวสามารถบิดได้เท่านั้น เช่นเดียวกับการประมวลผลของส่วนย่อย จำเป็นต้องมีโค้ดสั้นๆ เพียงแถวเดียว ในอีกทางหนึ่งเมื่อรวมรหัสการประมวลผลเข้าด้วยกัน แถวยาวมิฉะนั้นจะมีแถวจำนวนมากจำเป็นต้องชนะฟังก์ชัน

Іnaprikintsіtsієї statti razberemo ก้นเรียบง่ายของแบบหล่อ การประมวลผลแบบฟอร์มใน JavaScript ขั้นแรกจะเปลี่ยนภาระบนเซิร์ฟเวอร์และให้ประโยชน์เพิ่มเติมแก่การใช้งานไซต์ในทางอื่น

แบบฟอร์มประกอบด้วยหนึ่งฟิลด์สำหรับเข้าสู่ระบบ และปุ่มสำหรับแก้ไข เมื่อแบบฟอร์มได้รับการแก้ไข ฉันจะตรวจสอบการเข้าสู่ระบบเดิมอีกครั้ง Yogo dozhina สามารถใหญ่กว่าได้สามสัญลักษณ์

ไม่เป็นไร โครงสร้าง HTML ของเราต้องถูกสร้างขึ้น

ตอนนี้ tegu จากแอตทริบิวต์ dodamo yak รายการตรวจสอบในการส่ง, podії ส่ง. มาดำเนินการกัน: