JavaScript:Библиотеки/p5.dom/createInput(): различия между версиями
Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску
Myagkij (обсуждение | вклад) Нет описания правки |
Нет описания правки |
||
Строка 14: | Строка 14: | ||
Чтобы воспользоваться этой функцией, необходимо подключить библиотеку p5.dom. Для этого в заголовке своего файла «index.html» впишите следующее: | Чтобы воспользоваться этой функцией, необходимо подключить библиотеку p5.dom. Для этого в заголовке своего файла «index.html» впишите следующее: | ||
<syntaxhighlight lang="javascript | <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 | <syntaxhighlight lang="javascript"> | ||
createInput([value], [type]) | createInput([value], [type]) | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Строка 26: | Строка 26: | ||
==Параметры== | ==Параметры== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
value – значение, которое будет находиться в поле ввода по умолчанию. Тип данных – String | value – значение, которое будет находиться в поле ввода по умолчанию. Тип данных – String | ||
type – тип текста (т.е. text, password и т.д.). По умолчанию – text. Тип данных – String | type – тип текста (т.е. text, password и т.д.). По умолчанию – text. Тип данных – String | ||
Строка 33: | Строка 33: | ||
==Возвращаемое значение== | ==Возвращаемое значение== | ||
<syntaxhighlight lang="javascript | <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 | <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());
// 'вы написали: '
}