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

การทดสอบ รีไวร์ รีไวร์ รีไวร์

ส่งรายการข้อความ

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

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

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

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

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

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

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

/* กรองอินพุตสำหรับองค์ประกอบ โมดูลทั้งหมดค้นหาองค์ประกอบทั้งหมด เอกสารที่สามารถมีแอตทริบิวต์ "data-allowed-chars" Registry keypress, textinput และ textInput สำหรับองค์ประกอบเหล่านี้ เพื่อใส่ชุดของค่าที่ถูกต้องสำหรับ การป้อนอักขระเพื่อให้คุณสามารถป้อนมากกว่าอักขระที่ระบุในแอตทริบิวต์ ยักโชธาตุ นอกจากนี้ยังสามารถใช้แอตทริบิวต์ "data-messageid" ค่าของแอตทริบิวต์ถูกตีความเป็นรหัสขององค์ประกอบอื่นในเอกสาร หากคุณต้องการป้อนอักขระที่ไม่ถูกต้อง องค์ประกอบที่มี id จะมองเห็นได้ หากคุณต้องการป้อนอักขระที่ถูกต้อง องค์ประกอบจะได้รับอนุญาต องค์ประกอบของคำอธิบายนี้ถูกกำหนดขึ้นเพื่ออธิบายว่าทำไมจึงมีการบันทึกการแนะนำของโคริสตูวัค การออกแบบนี้จำเป็นต้องดำเนินการด้วยความช่วยเหลือของ CSS ในลักษณะที่มองไม่เห็น */ whenReady(function () ( // เรียกใช้ฟังก์ชันนี้หากเอกสารสนใจ // ทราบองค์ประกอบทั้งหมด อินพุต var = 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 และรองรับโดยทั้งหมด เบราว์เซอร์สมัยใหม่ครีม IE เอฟเฟกต์ที่คล้ายกันนี้สามารถทำได้ใน IE โดยการเปลี่ยนค่าพลังของค่าขององค์ประกอบข้อความที่ป้อนหลังจากการแทนที่แบบกำหนดเอง การเปลี่ยนแปลงคุณสมบัติ.

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

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

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

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

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

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

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

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

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

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

// ฟังก์ชันคอนสตรัคเตอร์ ฟังก์ชัน Keymap(การผูก) ( this.map = (); // กำหนดตัวระบุ->การผูก if (การผูก) ( // คัดลอกไปยังแมปการผูกใหม่สำหรับ (ชื่อในการผูก) this.bind( ชื่อ, การผูก);))) // เชื่อมโยงการกำหนดตัวระบุคีย์กับฟังก์ชันที่กำหนดโดย keymap.prototype.bind = function(key, func) (this.map = func;); // ยกเลิกการผูกรหัสคีย์ที่ระบุ Keymap.prototype.unbind = function(key) (ลบ this.map;); // ติดตั้งวัตถุ keymap บนองค์ประกอบ HTML คำใบ้ Keymap.prototype.install = function(element) ( var keymap = this; // กำหนด function handler function handler(event) ( 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; / / สร้างแถวของตัวปรับแต่งสำหรับรูปลักษณ์แบบบัญญัติจากอักขระ // เป็นตัวพิมพ์เล็ก โดยเรียงตามลำดับตัวอักษร if (event.altKey) modifiers += "alt_"; .metaKey) modifiers += "meta_"; if (event.shiftKey) modifiers += "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; ถ้า (ตัวจัดการ) ( // เช่นเดียวกับตัวจัดการสำหรับจำนวนคีย์ ให้เรียกใช้ // เรียกใช้ฟังก์ชันตัวจัดการ var retval = handler.call(องค์ประกอบ, เหตุการณ์, keyid); if (retval === เท็จ) ( ถ้า ( event.stopPropagation) event.stopPropagation(); // DOM model else event.cancelBubble = true; // IE model if (event.preventDefault) event.preventDefault(); / / DOM else event.returnValue = false; // IE ) // หมุนค่า ละเว้นตัวจัดการ return retval;))); // ฟังก์ชันเพิ่มเติมในการแปลงตัวระบุคีย์เป็นรูปแบบบัญญัติ // เราจำเป็นต้องแปลงตัวระบุ "meta" เป็น "ctrl" เพื่อที่ // แปลงตัวระบุ Meta-C เป็น "Command-C" เป็น คอมพิวเตอร์แมคและ "Ctrl-C" ในส่วนอื่นๆ ทั้งหมด Keymap.normalize = function(keyid) ( keyid = keyid.toLowerCase(); // var ตัวพิมพ์เล็ก word = keyid.split(/\s+|[\-+_]/); // ตัวแก้ไขแยก var ชื่อคีย์ = word .pop ();// ชื่อคีย์ - ชื่อคีย์ที่เหลือ = Keymap.aliases ||keyname;// ชื่อ alias?words.sort(); .join("_"); // เข้าร่วมทั้งหมดในครั้งเดียว ) Keymap.aliases = ( // เปลี่ยนนามแฝงของคีย์หลัก // ชื่อ "ทางการ" ที่สะกดใน DOM ระดับ 3 และเปลี่ยนรหัสคีย์ // เป็นชื่อด้านล่าง ค่านี้เกิดจากอักขระตัวพิมพ์เล็ก "escape" เท่านั้น : " esc", "return":"enter", "delete":"del", "ctrl":"control", "space":"spacebar", "ins":"insert"); // อำนาจเก่าของอ็อบเจกต์รหัสคีย์ภายใต้คีย์ดาวน์ไม่ได้มาตรฐาน // แต่ค่าที่ใหม่กว่าสามารถเปลี่ยนแปลงได้สำเร็จในเบราว์เซอร์และระบบปฏิบัติการส่วนใหญ่ 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: "สิ้นสุด", 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: F4, 116: F5, 117: F6, 118: F7, 119: F8, 120: "F9", 121: "F10", 122: "F11", 123: "F13", 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 ใหม่ keymap.bind ("ctrl+a", // Ctrl+A combo function(event, keyid) ( alert( "คุณได้กด : " + keyid) ));// อีกหนึ่งการรวม Ctrl + Enter keymap.bind("ctrl+enter", function(event, keyid) (alert("คุณกด:" + keyid) ));keymap.install (document.body);// ติดตั้ง Keymap object สำหรับทั้งเอกสาร);

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

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

ทีนี้มาคิดออกจามรี แท็กจาวาสคริปต์. Іsnuyut เรียกว่า โพเดีย. อ็อบร็อบนิกส์อย่างไรก็ตาม พวกเขาพิจารณาว่าควรทำอย่างไรในกรณีที่เพลงมีความผิด JavaScript Pod Codersอาจมีลักษณะที่โจ่งแจ้ง:

OnNamePodії

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

บิลลี่
Zhovtiy
เซเลนี่

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

องค์ประกอบ

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

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

ทะเบียนผู้เก็บข้อมูล

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

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

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

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

// กำหนดฟังก์ชั่นการให้สิทธิ์ onload ของวัตถุ Window // ฟังก์ชัน - podії obrobnik: จะไม่ถูกเรียกหากเอกสารถูกครอบครอง window.onload = function() ( // รู้องค์ประกอบ

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

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

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

แอตทริบิวต์ที่ติดตั้งในแซมเพลอร์

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

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

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

เขียนบนโฟกัสออนไลน์ onresize onbeforeprint onhashchange onpagehide onstorage onbeforeunload onload onpageshow onundo onblur onmessage onpopstate onunload onerror onoffline onredo

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

addEventListener()

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

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

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

ข้อมูลโค้ดถัดไปลงทะเบียนแท็ก "คลิก" สองแท็กในองค์ประกอบ

. เพื่อฟื้นฟูความเคารพต่อความเป็นอิสระของงานเลี้ยงสองงาน:

คลิกฉัน!

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

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

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

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

Viklik obrobnikov podіy

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

ข้อโต้แย้งของ obroblyuvach นั้นยอมจำนน

เมื่อคุณเรียก obroblyuvacha คุณควรส่งเสียง (สำหรับหนึ่ง vinnyatka ซึ่งจะกล่าวถึงด้านล่าง) วัตถุของ podia จะถูกส่งเป็นอาร์กิวเมนต์เดียว เจ้าหน้าที่ของวัตถุควรแก้แค้นข้อมูลเพิ่มเติมเกี่ยวกับแท่น ตัวอย่างเช่น ประเภทพลังงาน กำหนดประเภทของการแบ่งที่ vinicla เป็น

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

วัตถุพ็อดจะถูกส่งผ่านไปยังตัวจัดการพ็อด ลงทะเบียนด้วยความช่วยเหลือของวิธีการแนบเหตุการณ์ () หรือคุณสามารถเปลี่ยน window.event

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

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

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

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

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

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

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

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

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

ความหมายซึ่งแปลโดยล่ามของส่วนย่อยได้รับการลงทะเบียนโดยผู้มีอำนาจของวัตถุหรือโดยความช่วยเหลือของแอตทริบิวต์ HTML ถัดจาก vrakhovuvati ส่งเสียงค่าที่กลายเป็นเท็จเพื่อบอกเบราว์เซอร์ว่าไวน์นั้นไม่มีความผิดของ vikonuvat dії, ถ่ายโอนสำหรับtsієї podії สำหรับตัวย่อ

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

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

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

ว่าใช่

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

ที่ส่วนย่อยของการโจมตี สำเนาของการคลิกสำหรับไฮเปอร์โพซอลจะปรากฏขึ้น ซึ่งเป็นวิธีทั้งสามวิธีในการควบคุมข้อความย่อย

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

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

การพูดด้วยเหตุผลว่าพวกเขาถูกมัดจากด้านล่างเป็นเพียงการเล่าเรื่องประเภทหนึ่งที่แตกต่างกัน Є ความเป็นไปได้ของการขยายด้านล่าง ในเบราว์เซอร์ที่รองรับเมธอด addEventListener() อ็อบเจกต์สามารถรองรับเมธอดได้ หยุดการขยายพันธุ์(), Wiklik ซึ่งถูกขัดจังหวะเพิ่มเติมโดยการขยายด้านล่างให้กว้างขึ้น yakshcho ใน O'Skkti tsille เดียวกันจะเป็นการกลับรายการของความต่อเนื่อง จากนั้น Ris จะย้อนกลับได้ทั้งหมด Vicclican เดียวกัน ale nyaki ilitanniy ด้วยวิธีเดียวกัน ไม่มีทางของ vicclican viklika viklika วิธี Stoppropagation ()

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

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

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

โพเดียและการเลียนแบบของโพเดียคืออะไร

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

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

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

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

Tobto ตามที่คุณเข้าใจ ชื่อของ obroblyuvach, ขึ้นด้วย "บน" คำนำหน้า + ชื่อย่อย.

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

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

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

Div( ช่องว่างภายในซ้าย: 50px; ความกว้าง: 200px; เส้นขอบ: 1px solid #000; )

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

ฟังก์ชั่น blockOver(block)( alert( "คุณอยู่ในพื้นที่ข้อความ"); )

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

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

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

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

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

ฟังก์ชัน clickOnButton(ปุ่ม)( การแจ้งเตือน("คุณคลิกที่ปุ่มด้วย ID: " + button.id); )

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

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

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

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

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

ฟังก์ชัน clickOnButton(ปุ่ม)( //alert("คุณคลิกที่ปุ่มด้วย 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ії ส่ง. มาดำเนินการต่อ: