Can I wrap a JavaScript event in a jQuery event?


Yes, you can wrap a JavaScript event in a jQuery event. For wrapping, use the event object. You can try to run the following code to wrap a JavaScript event in a jQuery event −

Example

Live Demo

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
     $('a.one').click(function(event){
        event.preventDefault();
     });
     function test(event){
        $.Event(event).preventDefault();
     }
});
</script>
<style type="text/css">
    a.test {
      font-weight: bold;
    }
    body {
      font-family:sans-serif;
    }
</style>
</head>
<body>

<a class="one" href="https://tutorialspoint.com/">Tutorials</a><br/>
    <a class="two" href="https://qries.com/" onclick='test(event)'>QA</a>
</body>
</html>

Updated on: 14-Feb-2020

174 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements