Firefox: ReferenceError: event is not definedGetting the ID of the element that fired an eventEvent binding on dynamically created elements?What is the preferred syntax for defining enums in JavaScript?How to check a not-defined variable in JavaScriptUncaught ReferenceError: $ is not defined?What is event bubbling and capturing?JavaScript check if variable exists (is defined/initialized)ReferenceError: event is not defined error in FirefoxAutoplay Vimeo video on click in modalHow to get YouTube autoplay with audio?

Why is the missed-approach course for the "RNAV (GNSS) - A" approach to runway 28 at ENSB shaped all funny?

How can I repair this gas leak on my new range? Teflon tape isn't working

How does IBM's 53-bit quantum computer compare to classical ones for cryptanalytic tasks?

Why are there two fundamental laws of logic?

What is the meaning of "heutig" in this sentence?

Writing a letter of recommendation for a mediocre student

What happens if nobody can form a government in Israel?

How to manage expenditure when billing cycles and paycheck cycles are not aligned?

What are these ingforms of learning?

Do things made of adamantine rust?

My 15 year old son is gay. How do I express my feelings about this?

Is the mass of paint relevant in rocket design?

How can an attacker use robots.txt?

Is it really necessary to have a four hour meeting in Sprint planning?

Is this a Sherman, and if so what model?

What's the story to "WotC gave up on fixing Polymorph"?

Late 1970's and 6502 chip facilities for operating systems

How use custom order in folder on Windows 7 and 10

Who created the Lightning Web Component?

If the EU does not offer an extension to UK's Article 50 invocation, is the Benn Bill irrelevant?

Which museums have artworks of all four Ninja Turtles' namesakes?

I feel like most of my characters are the same, what can I do?

How do I improve in sight reading?

Can this word order be rearranged?



Firefox: ReferenceError: event is not defined


Getting the ID of the element that fired an eventEvent binding on dynamically created elements?What is the preferred syntax for defining enums in JavaScript?How to check a not-defined variable in JavaScriptUncaught ReferenceError: $ is not defined?What is event bubbling and capturing?JavaScript check if variable exists (is defined/initialized)ReferenceError: event is not defined error in FirefoxAutoplay Vimeo video on click in modalHow to get YouTube autoplay with audio?






.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;








0















Firefox displays the following error in the console:




ReferenceError: event is not defined




In refence to my code which allows me to open embedded youtube videos in fullscreen modals.



$(document).ready(function () 

$(".vma_overlay").click(function ()

var $videoSrcOriginal = $(event.target).siblings('.vma_iFramePopup').attr("src");

// Check if the embedded youtube url has any attributes appended
// by looking for a '?' in the url.
// If one is found, append our autoplay attribute using '&',
// else append it with '?'.

if ($videoSrcOriginal.indexOf('?') > -1)

var $videoSrc = $videoSrcOriginal

// when the modal is opened autoplay it
$('#vma_ModalBox').on('shown.bs.modal', function (e)

// set the video src to autoplay
var $videoSrcAuto = $videoSrc + "&autoplay=1&mute=1";
$("#vma_video").attr('src', $videoSrcAuto);

$('body').addClass("modalyt");
)

else

var $videoSrc = $(".vma_iFramePopup").attr("src");

// when the modal is opened autoplay it
$('#vma_ModalBox').on('shown.bs.modal', function (e)

// set the video src to autoplay
var $videoSrcAuto = $videoSrc + "?autoplay=1&mute=1";
$("#vma_video").attr('src', $videoSrcAuto);

$('body').addClass("modalyt");
)



// stop playing the youtube video when modal is closed
$('#vma_ModalBox').on('hide.bs.modal', function (e)

$("#vma_video").attr('src', $videoSrc);

$('body').removeClass("modalyt");
)
);
);


Firefox is highlighting the following line of code as being the culprit:



var $videoSrcOriginal = $(event.target).siblings('.vma_iFramePopup').attr("src");


I don't seem to be having this issue in Chrome, IE or Edge.



I have tried to put it all together in a CodePen here: https://codepen.io/CodeChaos/pen/ZPgbJe










share|improve this question



















  • 4





    Why do you expect event to be defined?

    – SLaks
    Mar 28 at 16:14






  • 2





    $(".vma_overlay").click(function (event) ...

    – justDan
    Mar 28 at 16:16







  • 2





    "I don't seem to be having this issue in Chrome, IE or Edge" - Because that's just another Microsoft way to make things "work" by introducing some arbitrary global variable (event) - which got adopted by Chrome...

    – Andreas
    Mar 28 at 16:17

















0















Firefox displays the following error in the console:




ReferenceError: event is not defined




In refence to my code which allows me to open embedded youtube videos in fullscreen modals.



$(document).ready(function () 

$(".vma_overlay").click(function ()

var $videoSrcOriginal = $(event.target).siblings('.vma_iFramePopup').attr("src");

// Check if the embedded youtube url has any attributes appended
// by looking for a '?' in the url.
// If one is found, append our autoplay attribute using '&',
// else append it with '?'.

if ($videoSrcOriginal.indexOf('?') > -1)

var $videoSrc = $videoSrcOriginal

// when the modal is opened autoplay it
$('#vma_ModalBox').on('shown.bs.modal', function (e)

// set the video src to autoplay
var $videoSrcAuto = $videoSrc + "&autoplay=1&mute=1";
$("#vma_video").attr('src', $videoSrcAuto);

$('body').addClass("modalyt");
)

else

var $videoSrc = $(".vma_iFramePopup").attr("src");

// when the modal is opened autoplay it
$('#vma_ModalBox').on('shown.bs.modal', function (e)

// set the video src to autoplay
var $videoSrcAuto = $videoSrc + "?autoplay=1&mute=1";
$("#vma_video").attr('src', $videoSrcAuto);

$('body').addClass("modalyt");
)



// stop playing the youtube video when modal is closed
$('#vma_ModalBox').on('hide.bs.modal', function (e)

$("#vma_video").attr('src', $videoSrc);

$('body').removeClass("modalyt");
)
);
);


Firefox is highlighting the following line of code as being the culprit:



var $videoSrcOriginal = $(event.target).siblings('.vma_iFramePopup').attr("src");


I don't seem to be having this issue in Chrome, IE or Edge.



I have tried to put it all together in a CodePen here: https://codepen.io/CodeChaos/pen/ZPgbJe










share|improve this question



















  • 4





    Why do you expect event to be defined?

    – SLaks
    Mar 28 at 16:14






  • 2





    $(".vma_overlay").click(function (event) ...

    – justDan
    Mar 28 at 16:16







  • 2





    "I don't seem to be having this issue in Chrome, IE or Edge" - Because that's just another Microsoft way to make things "work" by introducing some arbitrary global variable (event) - which got adopted by Chrome...

    – Andreas
    Mar 28 at 16:17













0












0








0








Firefox displays the following error in the console:




ReferenceError: event is not defined




In refence to my code which allows me to open embedded youtube videos in fullscreen modals.



$(document).ready(function () 

$(".vma_overlay").click(function ()

var $videoSrcOriginal = $(event.target).siblings('.vma_iFramePopup').attr("src");

// Check if the embedded youtube url has any attributes appended
// by looking for a '?' in the url.
// If one is found, append our autoplay attribute using '&',
// else append it with '?'.

if ($videoSrcOriginal.indexOf('?') > -1)

var $videoSrc = $videoSrcOriginal

// when the modal is opened autoplay it
$('#vma_ModalBox').on('shown.bs.modal', function (e)

// set the video src to autoplay
var $videoSrcAuto = $videoSrc + "&autoplay=1&mute=1";
$("#vma_video").attr('src', $videoSrcAuto);

$('body').addClass("modalyt");
)

else

var $videoSrc = $(".vma_iFramePopup").attr("src");

// when the modal is opened autoplay it
$('#vma_ModalBox').on('shown.bs.modal', function (e)

// set the video src to autoplay
var $videoSrcAuto = $videoSrc + "?autoplay=1&mute=1";
$("#vma_video").attr('src', $videoSrcAuto);

$('body').addClass("modalyt");
)



// stop playing the youtube video when modal is closed
$('#vma_ModalBox').on('hide.bs.modal', function (e)

$("#vma_video").attr('src', $videoSrc);

$('body').removeClass("modalyt");
)
);
);


Firefox is highlighting the following line of code as being the culprit:



var $videoSrcOriginal = $(event.target).siblings('.vma_iFramePopup').attr("src");


I don't seem to be having this issue in Chrome, IE or Edge.



I have tried to put it all together in a CodePen here: https://codepen.io/CodeChaos/pen/ZPgbJe










share|improve this question














Firefox displays the following error in the console:




ReferenceError: event is not defined




In refence to my code which allows me to open embedded youtube videos in fullscreen modals.



$(document).ready(function () 

$(".vma_overlay").click(function ()

var $videoSrcOriginal = $(event.target).siblings('.vma_iFramePopup').attr("src");

// Check if the embedded youtube url has any attributes appended
// by looking for a '?' in the url.
// If one is found, append our autoplay attribute using '&',
// else append it with '?'.

if ($videoSrcOriginal.indexOf('?') > -1)

var $videoSrc = $videoSrcOriginal

// when the modal is opened autoplay it
$('#vma_ModalBox').on('shown.bs.modal', function (e)

// set the video src to autoplay
var $videoSrcAuto = $videoSrc + "&autoplay=1&mute=1";
$("#vma_video").attr('src', $videoSrcAuto);

$('body').addClass("modalyt");
)

else

var $videoSrc = $(".vma_iFramePopup").attr("src");

// when the modal is opened autoplay it
$('#vma_ModalBox').on('shown.bs.modal', function (e)

// set the video src to autoplay
var $videoSrcAuto = $videoSrc + "?autoplay=1&mute=1";
$("#vma_video").attr('src', $videoSrcAuto);

$('body').addClass("modalyt");
)



// stop playing the youtube video when modal is closed
$('#vma_ModalBox').on('hide.bs.modal', function (e)

$("#vma_video").attr('src', $videoSrc);

$('body').removeClass("modalyt");
)
);
);


Firefox is highlighting the following line of code as being the culprit:



var $videoSrcOriginal = $(event.target).siblings('.vma_iFramePopup').attr("src");


I don't seem to be having this issue in Chrome, IE or Edge.



I have tried to put it all together in a CodePen here: https://codepen.io/CodeChaos/pen/ZPgbJe







javascript






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Mar 28 at 16:12









BrokenCodeBrokenCode

3623 gold badges9 silver badges25 bronze badges




3623 gold badges9 silver badges25 bronze badges










  • 4





    Why do you expect event to be defined?

    – SLaks
    Mar 28 at 16:14






  • 2





    $(".vma_overlay").click(function (event) ...

    – justDan
    Mar 28 at 16:16







  • 2





    "I don't seem to be having this issue in Chrome, IE or Edge" - Because that's just another Microsoft way to make things "work" by introducing some arbitrary global variable (event) - which got adopted by Chrome...

    – Andreas
    Mar 28 at 16:17












  • 4





    Why do you expect event to be defined?

    – SLaks
    Mar 28 at 16:14






  • 2





    $(".vma_overlay").click(function (event) ...

    – justDan
    Mar 28 at 16:16







  • 2





    "I don't seem to be having this issue in Chrome, IE or Edge" - Because that's just another Microsoft way to make things "work" by introducing some arbitrary global variable (event) - which got adopted by Chrome...

    – Andreas
    Mar 28 at 16:17







4




4





Why do you expect event to be defined?

– SLaks
Mar 28 at 16:14





Why do you expect event to be defined?

– SLaks
Mar 28 at 16:14




2




2





$(".vma_overlay").click(function (event) ...

– justDan
Mar 28 at 16:16






$(".vma_overlay").click(function (event) ...

– justDan
Mar 28 at 16:16





2




2





"I don't seem to be having this issue in Chrome, IE or Edge" - Because that's just another Microsoft way to make things "work" by introducing some arbitrary global variable (event) - which got adopted by Chrome...

– Andreas
Mar 28 at 16:17





"I don't seem to be having this issue in Chrome, IE or Edge" - Because that's just another Microsoft way to make things "work" by introducing some arbitrary global variable (event) - which got adopted by Chrome...

– Andreas
Mar 28 at 16:17












1 Answer
1






active

oldest

votes


















2
















add event to function argument



$(".vma_overlay").click(function (event) {

var $videoSrcOriginal = $(event.target).





share|improve this answer



























    Your Answer






    StackExchange.ifUsing("editor", function ()
    StackExchange.using("externalEditor", function ()
    StackExchange.using("snippets", function ()
    StackExchange.snippets.init();
    );
    );
    , "code-snippets");

    StackExchange.ready(function()
    var channelOptions =
    tags: "".split(" "),
    id: "1"
    ;
    initTagRenderer("".split(" "), "".split(" "), channelOptions);

    StackExchange.using("externalEditor", function()
    // Have to fire editor after snippets, if snippets enabled
    if (StackExchange.settings.snippets.snippetsEnabled)
    StackExchange.using("snippets", function()
    createEditor();
    );

    else
    createEditor();

    );

    function createEditor()
    StackExchange.prepareEditor(
    heartbeatType: 'answer',
    autoActivateHeartbeat: false,
    convertImagesToLinks: true,
    noModals: true,
    showLowRepImageUploadWarning: true,
    reputationToPostImages: 10,
    bindNavPrevention: true,
    postfix: "",
    imageUploader:
    brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
    contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/4.0/"u003ecc by-sa 4.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
    allowUrls: true
    ,
    onDemand: true,
    discardSelector: ".discard-answer"
    ,immediatelyShowMarkdownHelp:true
    );



    );














    draft saved

    draft discarded
















    StackExchange.ready(
    function ()
    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55402286%2ffirefox-referenceerror-event-is-not-defined%23new-answer', 'question_page');

    );

    Post as a guest















    Required, but never shown

























    1 Answer
    1






    active

    oldest

    votes








    1 Answer
    1






    active

    oldest

    votes









    active

    oldest

    votes






    active

    oldest

    votes









    2
















    add event to function argument



    $(".vma_overlay").click(function (event) {

    var $videoSrcOriginal = $(event.target).





    share|improve this answer





























      2
















      add event to function argument



      $(".vma_overlay").click(function (event) {

      var $videoSrcOriginal = $(event.target).





      share|improve this answer



























        2














        2










        2









        add event to function argument



        $(".vma_overlay").click(function (event) {

        var $videoSrcOriginal = $(event.target).





        share|improve this answer













        add event to function argument



        $(".vma_overlay").click(function (event) {

        var $videoSrcOriginal = $(event.target).






        share|improve this answer












        share|improve this answer



        share|improve this answer










        answered Mar 28 at 16:15









        Mister JojoMister Jojo

        2,6512 gold badges3 silver badges22 bronze badges




        2,6512 gold badges3 silver badges22 bronze badges

































            draft saved

            draft discarded















































            Thanks for contributing an answer to Stack Overflow!


            • Please be sure to answer the question. Provide details and share your research!

            But avoid


            • Asking for help, clarification, or responding to other answers.

            • Making statements based on opinion; back them up with references or personal experience.

            To learn more, see our tips on writing great answers.




            draft saved


            draft discarded














            StackExchange.ready(
            function ()
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55402286%2ffirefox-referenceerror-event-is-not-defined%23new-answer', 'question_page');

            );

            Post as a guest















            Required, but never shown





















































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown

































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown







            Popular posts from this blog

            Kamusi Yaliyomo Aina za kamusi | Muundo wa kamusi | Faida za kamusi | Dhima ya picha katika kamusi | Marejeo | Tazama pia | Viungo vya nje | UrambazajiKuhusu kamusiGo-SwahiliWiki-KamusiKamusi ya Kiswahili na Kiingerezakuihariri na kuongeza habari

            Swift 4 - func physicsWorld not invoked on collision? The Next CEO of Stack OverflowHow to call Objective-C code from Swift#ifdef replacement in the Swift language@selector() in Swift?#pragma mark in Swift?Swift for loop: for index, element in array?dispatch_after - GCD in Swift?Swift Beta performance: sorting arraysSplit a String into an array in Swift?The use of Swift 3 @objc inference in Swift 4 mode is deprecated?How to optimize UITableViewCell, because my UITableView lags

            Access current req object everywhere in Node.js ExpressWhy are global variables considered bad practice? (node.js)Using req & res across functionsHow do I get the path to the current script with Node.js?What is Node.js' Connect, Express and “middleware”?Node.js w/ express error handling in callbackHow to access the GET parameters after “?” in Express?Modify Node.js req object parametersAccess “app” variable inside of ExpressJS/ConnectJS middleware?Node.js Express app - request objectAngular Http Module considered middleware?Session variables in ExpressJSAdd properties to the req object in expressjs with Typescript