、私は以下のようなHTMLテーブルを持つテーブル行で<a>

Question

のためのpreventDefaultを使用する方法：私が欲しいもの

<table id="tabRoom" style="border: currentColor; border-image: none; width: 950px;"> 
    <thead> 
    <tr> 
     <th class="ui-widget-header">ID</th> 
     <th class="ui-widget-header">Name</th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr class="gridrow" onclick="editRoom(650);"> 
     <td class="ui-widget-content myclass" style="width: 10%;"> 
     <a style="display: inline;" href="/Config/Rooms/303">ID01</a> 
     </td> 
     <td> 
     John Brown> 
     </td> 
    </tr> 
    </tbody> 
</table> 

は、彼らが値をクリックしたときに/コンフィグ/部屋/ 303ユーザーの直接のを防止するためでありますしかし、ユーザーはeditRoom（）からのポップアップを参照する必要があります。私はe.preventDefault（）を私がオンラインで読むものから理解する限り使用する必要がありますが、私はそれを使う方法を見つけることができませんでした。どんな助けもありがとう。

ありがとうございます！

EDIT：まだ答えを見つけることができませんでした。私は以下のコードを試していますが、動作していません。助けてください。

$(".myclass").click(
      function(event) { 
      event.preventDefault(); 
      alert('prevented'); 
      } 
     ); 

Answer 1

あなたはjQueryのを使用する場合：

$(window).load(function() { 
    $('table a').click(function(event) { 
     event.preventDefault(); 

     //display popup 
    }); 
}); 

Answer 2

それはきれいにするために、なぜあなたはのonclickイベント関数の内部でリダイレクトコードを入れていませんか？

<a style="display: inline;" href="#" onclick="editRoom(650); return false;">ID01</a>

JS：答えのためのコードのfunciton editRoom(id){ //do Something window.href.locaiton ='/myurl'; }

Answer 3

種類。 AJAXを使用してみました

var elements = document.getElementsByClassName("popup"); 
 
for(var i =0; i< elements.length; i++){ 
 
elements[i].addEventListener("click", function(e){ 
 

 
var xhttp = new XMLHttpRequest(); 
 
    xhttp.onreadystatechange = function() { 
 
    if (xhttp.readyState == 4 && xhttp.status == 200) { 
 
     document.getElementById("popup").innerHTML = xhttp.responseText; 
 
    } 
 
    }; 
 
    xhttp.open("GET", this.getAttribute("href"), true); 
 
    xhttp.send(); 
 
    
 
e.preventDefault(); 
 
}); 
 
    }

<a style="display: inline;" href="your_linnk_here" id="id01" class="popup">ID01</a> 
 
<div id="popup"></div>