Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
Selected Reading
How to return variable value from jQuery event function?
You cannot return variable value from jQuery event function. To understand the reason, let us see how data is passed, which was created in the event handler of a button click.
Example
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
var a=document.getElementById('demo');
a.addEventListener('click', function(){
var s='Hello World!';
var event = new CustomEvent('build', { 'detail': s });
this.dispatchEvent(event);
})
document.getElementById('parent').addEventListener('build', getData, true);
function getData(e){
alert(e.detail);
}
});
</script>
</head>
<body>
<div id='parent'>
<button id='demo'>Click me</button>
</div>
</body>
</html> 
Updated on: 2020-02-17T05:10:34+05:30
3K+ Views
Advertisements