なぜonclickから呼び出されたJavascriptメソッドでeが使用されていないのですか？

Question

"e"がJavascriptのメソッドの "イベント"を表している限り、私はそれらを呼び出すときにJavascriptメソッドで以下に述べるようないくつかのプロパティを使いたいと思ったらどういうことを理解していません。私はこの方法でe.preventDefault（）またはe.ctrlKeyを使用することができる。例えば

：

$(".menuItem").click(function (e) { 

    e.preventDefault(); 

    //Open url in new tab with ctrl key press 
    if (e.ctrlKey) { 
     window.open(url, '_blank'); 
     event.stopPropagation(); 
     return false; 
    } 

    //... code omitted for brevity 
}); 

しかし、私は、すなわち.menuItemフォーム要素から呼び出され、その方法でそれらを使用することはできません。下の方法でそれを使用する可能性はありますか？

function TestFunction(e, controller, action) { 

     e.preventDefault(); 

     //Open url in new tab with ctrl key press 
     if (e.ctrlKey) { 
      window.open(url, '_blank'); 
      event.stopPropagation(); 
      return false; 
     } 

     //... code omitted for brevity 
    }); 
}; 

更新：私はその方法で電子を使用する場合

<a onclick="TestFunction('Account', '_Register')" id="test" class="nav-link "> 

"捕捉されなかっにReferenceError：eが定義されていません"エラーが発生した Iは、以下に示すようにTestFunction（）を呼び出します。何か案が？人々は、イベントハンドラが受け取る引数を宣言するためにその名前を使用しているため

Answer 1

As far as I know "e" represent "event" in Javascript methods

からevent-objectを渡します。同じように簡単にgonzofishになる可能性があります。

TestFunctionでイベントオブジェクトを使用することはできません。イベントに応答する呼び出しが何であってもイベントオブジェクトをそのイベントオブジェクトに渡す場合を除きます。

更新：

<a onclick="TestFunction(e, 'Account', '_Register')" id="test" class="nav-link "> 

もしそうなら、にTestFunctionを変更します：あなたはこのようなTestFunction呼んでいると述べました

function TestFunction(e, controller, action)` 

を...とe（ないevent）を使用し、一貫その中でonclick属性をeventでなくでないものに変更する：

<a onclick="TestFunction(event, 'Account', '_Register')" id="test" class="nav-link "> 

onxyz属性イベントハンドラでは、eventはスコープ内の変数です（ほとんどのブラウザでは、属性テキストの周囲に生成された関数のローカルです。古いIEでは、それはグローバルです）。

---

サイドノート：あなたは定期的に、それが宣言されずに（というよりもe）eventが表示される場合があります。マイクロソフトのIEは、世界中のeventオブジェクトを持っていた（おそらくまだそうである）（そして、ChromeはIEのために書かれたWebサイトを投げて、それを複製することにした; Firefoxはそうしなかった）。それを使用しないでください。代わりに、適切なイベント処理を使用し、受け取った引数を宣言します。

サイドノート2：Re TestFunction JavaScriptの圧倒的な慣習は、関数名がコンストラクタ関数（例えば、newと一緒に使用される）のときに大文字で始まるということです。慣習上の他のすべての関数名は、小文字で始める必要があります。もちろん、大会に従わないように選択することもできますが、大会に従えば他の人のコードを読むのが容易になります。

Answer 2

は、inline-click-handlerのみ慣例により

function TestFunction(e, controller, action) { 
 
    var url = 'https://www.google.com' 
 
    e.preventDefault(); 
 
    if (e.ctrlKey) { 
 
    window.open(url, '_blank'); 
 
    e.stopPropagation(); 
 
    return false; 
 
    } 
 
}

<a href="#" onclick="TestFunction(event,'a','b')">Click me!!!</a>

Answer 3

イベントOR eはイベントのみで使用することができます。あなたは機能でアクセスしようとしています。

関数で使用するには、イベントからパラメータを渡す必要があります。

function TestFunction(controller, action,e) {.....