如何防止其元素内部链接的默认值?

时间:2014-08-04 08:01:52

标签: javascript jquery html css

当我点击链接时,它会在页面顶部显示,我想通过不调用函数来删除它(我想出了一个)。

不起作用:

echo    "<a href=\"javascript: function(){ alert(\'\'); }\">Open images</a>";

这有效:

echo    "<a href=\"javascript: alert(\"\")\">Open images</a>";

我现在正在使用的代码:

$('a').on( 'click', function( event ){
            event.preventDefault();
});

这一切都很简单(删除了类和ID,因此更容易理解)。

我想要这样的事情:

echo "<a href=\"javascript: function(event){ event.preventDefault(); }\">Open images</a>";

当然它不起作用。

我正在做这一切,因为当我悬停链接时,我想要那个小尖尖的手指。

2 个答案:

答案 0 :(得分:1)

我认为在代码中拥有您已经拥有的点击事件会更好。但由于您的需求是这样的,下面是一个选项尝试

 echo '<a href="#" onclick="stop(event);function stop(event){event.preventDefault();}">Open image</a>';

希望这会有所帮助 谢谢

答案 1 :(得分:0)

&#34;尖尖的手指&#34;是一个CSS cursor value

elem {
    cursor: pointer;
}

有了这个,您只需将HTML修改为:

<span class="clickable"></span>

使用以下CSS:

.clickable {
    cursor: pointer;
}

然后使用jQuery来定位该特定类:

$('.clickable').on('click', function(event) {
    event.preventDefault();
});