javascript - javascript で stopPropagation を使用するにはどうすればよいですか (jquery ではありませんか?)

Question

誰かがjavascriptの停止伝播を私のコードに統合する方法を説明できますか? オンライン上には明確な例がたくさんあるだろうと想像していましたが、実際に見た例は理解に役立ちませんでした。

説明として、次のコード スニペットが表示されます。

function doSomething(e)
{
if (!e) var e = window.event;
e.cancelBubble = true;
if (e.stopPropagation) e.stopPropagation();
}

しかし、私のjavascriptリテラシーは0だと思います。なぜなら、どれがリテラルで、どれが別の方法で入力するはずのプレースホルダー変数であるかを判断するのが難しいからです。

同様に、リスト項目とその親要素の onclick があるとしましょう。そしてonclickでajax関数を呼び出しますが、泡立たないようにする必要があります。

では、上記の機能はスタンドアロンであるはずですか? それとも、既存の関数に追加するコードを表すことになっていますか?

e とは何ですか? 関数のパラメーターとして渡すのはなぜですか?

if(!e)何が伴うのかわかりません。e とは何ですか? e が true でない条件が満たされるのはいつですか?

これは私のコードです:

ajax クエリ:

function serverconnect(divID, $clickvalue, datalocation)
{
var1=$clickvalue;
if(xmlhttp)
{
    var obj = document.getElementById(divID);
    xmlhttp.open("GET", datalocation);

    xmlhttp.onreadystatechange = function()
    {
        if (xmlhttp.readyState == 4 &&
        xmlhttp.status == 200)
        {
        obj.innerHTML = xmlhttp.responseText;
        }
    }
    xmlhttp.send(null); 
}
alert(var1);

serverconnectPP('productpane6', 'clickit', 'ProductPane.php')
}

html:

<li onclick="serverconnect(var1, var2, var3)">Test
     <ul>
     <li onclick="serverconnect(var1, var2, var3)">Test</li>
     </ul>
</li>

HTMLはそれほど重要ではありませんが、重要なのは、内側のliをクリックすると、両方のonclicksがトリガーされることです。

jqueryが素晴らしいことは理解していますが、JavaScriptの説明が好きです。