Passing data to event handler in jQuery
Автор: kudvenkat
Загружено: 2015-04-29
Просмотров: 59345
Описание:
Link for all dot net and sql server video tutorial playlists
https://www.youtube.com/user/kudvenka...
Link for slides, code samples and text version of the video
http://csharp-video-tutorials.blogspo...
Healthy diet is very important both for the body and mind. If you like Aarvi Kitchen recipes, please support by sharing, subscribing and liking our YouTube channel. Hope you can help.
/ @aarvikitchen5572
In this video we will discuss how to pass data to the event handler function in jQuery
The following example,
1. Binds the click event handler to the button using on function
2. We are passing 3 arguments to the on() function
a) The name of the event
b) JSON object that contains data that we want to pass to the event handler
c) Event handler method name
3. In the event handler method (sayHello), we access the data using event object's data property.
Replace < with LESSTHAN symbol and > with GREATERTHAN symbol
<html>
<head>
<title></title>
<script src="jquery-1.11.2.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#btnClickMe').on('click', {
firstName: 'John',
lastName: 'Doe'
}, sayHello);
$('#btnClickMe').on('click', {
firstName: 'Mary'
}, sayHello);
$('#btnClickMe').on('click', sayHello);
function sayHello(event) {
if (event.data == null) {
alert('No name provided');
}
else {
alert('Hello ' + event.data.firstName +
(event.data.lastName != null ? ' ' + event.data.lastName : ''));
}
}
});
</script>
</head>
<body style="font-family:Arial">
<input id="btnClickMe" type="button" value="Click Me" />
</body>
</html>
Output :
Hello John Doe
Hello Mary
No name provided
Повторяем попытку...
Доступные форматы для скачивания:
Скачать видео
-
Информация по загрузке: