Во встроенном обработчике события в JavaScript можно передать строку в функцию несколькими способами.
1. Используя атрибут data-* HTML элемента:
<button id="myButton" onclick="myFunction(this.dataset.myString)">Нажми меня</button> <script> function myFunction(str) { console.log(str); // Выведет переданную строку } </script>
В данном примере мы указываем в атрибуте data-myString
значение строки, которую хотим передать в функцию myFunction
. При клике на кнопку, вызывается функция myFunction
с аргументом this.dataset.myString
, который представляет значение атрибута data-myString элемента. Таким образом, в консоль будет выведена переданная строка.
2. Используя свойство target.value элемента формы:
<input id="myInput" type="text" onblur="myFunction(this.value)"> <script> function myFunction(str) { console.log(str); // Выведет переданную строку } </script>
В приведенном примере при потере фокуса с текстового поля, вызывается функция myFunction
с аргументом this.value
, который представляет значение текстового поля. Таким образом, в консоль будет выведена переданная строка.
3. Используя атрибуты HTML элемента:
<div id="myDiv" data-myString="Привет, мир!" onclick="myFunction(this.getAttribute('data-myString'))">Нажми меня</div> <script> function myFunction(str) { console.log(str); // Выведет переданную строку } </script>
В данном примере мы указываем значение строки в атрибуте data-myString
элемента <div>
. При клике на <div>
, вызывается функция myFunction
с аргументом this.getAttribute('data-myString')
, который представляет значение атрибута data-myString элемента. Таким образом, в консоль будет выведена переданная строка.
Это лишь несколько примеров того, как можно передать строку в функцию во встроенном обработчике события в JavaScript. Возможности и подходы могут варьироваться в зависимости от требований и специфического контекста вашего проекта.