markdown Приемыпроектированияjavascript

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了markdown Приемыпроектированияjavascript相关的知识,希望对你有一定的参考价值。

## Приём проектирования "поведение"

Шаблон проектирования «поведение» (behavior) позволяет задавать хитрые обработчики на элементе декларативно, установкой специальных HTML-атрибутов и классов.

**Описание**

Приём проектирования «поведение» состоит из двух частей:

Элементу ставится атрибут, описывающий его поведение.
При помощи делегирования ставится обработчик на документ, который ловит все клики и, если элемент имеет нужный атрибут, производит нужное действие.

**Пример**

Сделаем так, что при клике на элемент с атрибутом data-toggle-id будет скрываться/показываться элемент с заданным id
``` html
<button data-toggle-id="subscribe-mail">
  Показать форму подписки
</button>

<form id="subscribe-mail" hidden>
  Ваша почта: <input type="email">
</form>
```
``` javascript
<script>
  document.onclick = function(event) {
    var target = event.target;

    var id = target.getAttribute('data-toggle-id');
    if (!id) return;

    var elem = document.getElementById(id);

    elem.hidden = !elem.hidden;
  };
</script>
```

以上是关于markdown Приемыпроектированияjavascript的主要内容,如果未能解决你的问题,请参考以下文章

Erlangе демо

html Примерныйспособмикроразметкиконтактов

text Требованияпоскриншотам,превьюкартинкамтемы截图主题预览图像

markdown Неадекватноерастягиваниеколоноквуправляемыхформах

markdown Вывестисписокоткрытыхпортов

php СобытиеотправкиписьмаприЗаказе