jquery - Firefox 在运行代码时抛出“未定义事件”

Question

代码：

$(document).ready(function() {
    $("#main_div").bind('click', function(e){

    var x = event.pageX-document.getElementById("main_div").scrollLeft;
    var y = event.pageY-document.getElementById("main_div").scrollTop;
    document.pointform.form_x.value = x;
    document.pointform.form_y.value = y; 
    var a= x-404;
    var b= y-88;

    if(document.getElementById('optionselect').value=='a')
    {

    $("#container-5").css({"top":b,"left":a});
    $("#container-5").show();
    e.stopPropagation();

    }

    else if(...)
    {

    ...

    }


    });
 });

嘿伙计们，代码在 IE 和 Chrome 中运行良好，但是当我尝试在 Firefox 中运行相同的代码时，它会抛出错误“未定义事件”并将光标指向定义 var x 的位置。我该如何克服这个问题？

Answer 1

改变

$("#main_div").bind('click', function(e){

至

$("#main_div").bind('click', function(event){

一切都应该没问题:)

Answer 2

尝试

$("#main_div").bind('click', function(event){ // Cause you seem to use 
                                              // event argument and not e

代替

$("#main_div").bind('click', function(e){

Also Change e.stopPropagation();

至

event.stopPropagation();