JavaScript:Библиотеки/p5.dom/createInput(): различия между версиями

Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску
Нет описания правки
 
Нет описания правки
 
Строка 14: Строка 14:
Чтобы воспользоваться этой функцией, необходимо подключить библиотеку p5.dom. Для этого в заголовке своего файла «index.html» впишите следующее:
Чтобы воспользоваться этой функцией, необходимо подключить библиотеку p5.dom. Для этого в заголовке своего файла «index.html» впишите следующее:


<syntaxhighlight lang="javascript" enclose="div">
<syntaxhighlight lang="javascript">
<script language="javascript" type="text/javascript" src="path/to/p5.dom.js"></script>
<script language="javascript" type="text/javascript" src="path/to/p5.dom.js"></script>
</syntaxhighlight>
</syntaxhighlight>
Строка 20: Строка 20:
==Синтаксис==
==Синтаксис==


<syntaxhighlight lang="javascript" enclose="div">
<syntaxhighlight lang="javascript">
createInput([value], [type])
createInput([value], [type])
</syntaxhighlight>
</syntaxhighlight>
Строка 26: Строка 26:
==Параметры==
==Параметры==


<syntaxhighlight lang="javascript" enclose="div">
<syntaxhighlight lang="javascript">
value – значение, которое будет находиться в поле ввода по умолчанию. Тип данных – String
value – значение, которое будет находиться в поле ввода по умолчанию. Тип данных – String
type – тип текста (т.е. text, password и т.д.). По умолчанию – text. Тип данных – String
type – тип текста (т.е. text, password и т.д.). По умолчанию – text. Тип данных – String
Строка 33: Строка 33:
==Возвращаемое значение==
==Возвращаемое значение==


<syntaxhighlight lang="javascript" enclose="div">
<syntaxhighlight lang="javascript">
Указатель на p5.Element, содержащий созданный узел. Тип данных – объект, p5.Element.
Указатель на p5.Element, содержащий созданный узел. Тип данных – объект, p5.Element.
</syntaxhighlight>
</syntaxhighlight>
Строка 39: Строка 39:
==Пример==
==Пример==


<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS">
function setup() {
function setup() {
   var inp = createInput('');
   var inp = createInput('');

Текущая версия от 18:14, 14 мая 2023

Перевод: Максим Кузьмин
Проверка/Оформление/Редактирование: Мякишев Е.А.


Черновик


createInput() [1]

Описание

Создает в DOM поле для ввода текста при помощи элемента <input></input>. Чтобы задать экранный размер поля ввода, воспользуйтесь функцией size(). Если указан узел контейнера, присоединяется к нему, в противном случае присоединяется к «телу» (<body>).

Чтобы воспользоваться этой функцией, необходимо подключить библиотеку p5.dom. Для этого в заголовке своего файла «index.html» впишите следующее:

<script language="javascript" type="text/javascript" src="path/to/p5.dom.js"></script>

Синтаксис

createInput([value], [type])

Параметры

value  значение, которое будет находиться в поле ввода по умолчанию. Тип данных  String
type  тип текста (т.е. text, password и т.д.). По умолчанию  text. Тип данных  String

Возвращаемое значение

Указатель на p5.Element, содержащий созданный узел. Тип данных  объект, p5.Element.

Пример

function setup() {
  var inp = createInput('');
  inp.input(myInputEvent);
}

function myInputEvent() {
  console.log('you are typing: ', this.value());
          //  'вы написали: '
}

См.также

Внешние ссылки