javascript - ビュー (ASP.NET MVC3) で単一のイベント内のすべての要素を管理する方法

Question

asp.net mvc3 アプリケーションにクリック トラッキング モジュールが必要です。問題は、View (Razor) ASP.NET MVC3. すべてのイベントを管理するためにjqueryでdelegate event method()を使用できますか???

以下は私の「ビューページ」Htmlコードです：

<p>Click this paragraph1.</p>
<p>Click this paragraph2.</p>
<p>Click this paragraph3.</p>
<p>Click this paragraph4.</p>
<div style="background-color:yellow">
heyyy
<button>Click me!</button>
<input type="text">
<a href="http://stackoverflow.com/users/1841626/user1841626">user1841626</a>
</div>

それは私のjqueryスクリプトです：

<script src="jquery.js"></script>
<script>
$(document).ready(function(){
  $("div").delegate("button","click",function(){
    alert("The button was clicked.");
  })
 $("p").on("click",function(){
  alert("The paragraph was clicked.");
 })
 $("input ").on("click",function(){
  alert("The textBox was clicked.");
 })
 $("a ").on("click",function(){
  alert("The user1841626 was clicked.");
 })
});
</script>

Answer 1

私が正しく理解しているなら、あなたが望む

$(document).ready(function(){
    $('div').on('click','button, p, input, a',function(e){
        var tag = this.tagName.toLowerCase(),
            message = '';
        switch(tag){
            case 'a': 
                message = 'user1841626';
                break;
            case 'button': 
                message = 'button';
                break;
            case 'p': 
                message = 'paragraph';
                break;
            case 'input': 
                message = 'textBox';
                break;
        }
        alert('The ' + message + ' was clicked.');
    })
});