Javascript 当用户单击定位标记时防止默认事件（浏览器导航）_Javascript_Jquery_Html

Javascript 当用户单击定位标记时防止默认事件（浏览器导航）

javascript jquery html

Javascript 当用户单击定位标记时防止默认事件（浏览器导航）,javascript,jquery,html,Javascript,Jquery,Html,我有一个html表格，如下所示。我想要的是，当用户通过Javascript或Jquery单击John时，阻止他们直接访问google.com。我像下面那样试了试，但没有成功。我的错在哪里 <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>

我有一个html表格，如下所示。我想要的是，当用户通过Javascript或Jquery单击John时，阻止他们直接访问google.com。我像下面那样试了试，但没有成功。我的错在哪里

<!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
    <script>
        $(function() {
           $(".myTDclass").click(function(event) {
               event.preventDefault();
               alert('prevented');
           });
        });
    </script>
</head>
<body>
<table>
   <tr class="myTRClass">
    <td><a href='www.google.com' class='myTDclass'>John</a></td>
    <td>Smith</td>
   </tr>
</table>
</body>
</html>


$（函数（）{
$（“.myTDclass”）。单击（函数（事件）{
event.preventDefault（）；
警报（“阻止”）；
});
});
史密斯

onclick='false'是一个解决方案，我知道。但我需要在js或jquery中使用它。任何帮助都将不胜感激。

这里有几个问题。首先，由于某种未知的原因，jQuery代码在

样式标记中，而它应该在脚本标记中。其次，您根本没有在页面中包含jQuery。最后，代码本身需要位于document.ready事件处理程序中，如果将其放置在文档的标题中
一旦你解决了这些问题，它应该可以正常工作。试试这个：
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
    <script>
        $(function() {
           $(".myTDclass").click(function(event) {
               event.preventDefault();
               alert('prevented');
           });
        });
    </script>
</head>


$（函数（）{
$（“.myTDclass”）。单击（函数（事件）{
event.preventDefault（）；
警报（“阻止”）；
});
});
为什么jQuery代码在
标记中。。。？如果您将代码添加到正确的位置，它将正常工作。您正在
中添加脚本。您需要使用
抱歉，仅在此处编写问题时出现语法错误。谢谢。我按照你的建议更改了代码。问题代码已编辑。不知怎么还是不起作用？你能检查一下吗？根据你显示的代码，它应该可以正常工作。检查控制台是否有错误，我做了。我没有看到任何错误，我被重定向到C:\Users\emel\Desktop\www.google.com，在那里工作正常。我这里有什么问题。按ctrl+f5键清除缓存，同样的事情。不幸的是，如果没有看到问题的示例，我无法真正帮助您。