链接点击会触发哪些其他事件

时间:2012-09-27 14:02:18

标签: javascript events

我想自动启动购物车提交。我有

<a href="javascript:alert('javascript');" onclick="alert('onclick')" class="simpleCart_checkout hudbtn primary right">Checkout</a>

和javascript

<script>
$('.simpleCart_checkout').trigger('click');
</script>

因此,我在页面加载时收到警报click,但没有javascript警报和简单购物车未提交数据。那么我还需要触发什么呢?它会完全模仿链接点击?

谢谢

PS 当我在Checkout上点击鼠标时,simplecart会将数据提交到另一个带有购物车项目等的页面。但是如果我尝试模仿点击提醒只发生但不提交购物车。

3 个答案:

答案 0 :(得分:2)

首先是第一件事。从DOM元素中删除所有内联愚蠢:

<a href="#" class="simpleCart_checkout hudbtn primary right">Checkout</a>

二。如果您打算使用jQuery,请使用jQuery!

<script>
$('.simpleCart_checkout').on('click', function() {
     alert("onclick");
     return false;
}).trigger('click');
</script>

演示:http://jsfiddle.net/maniator/dY26m/

答案 1 :(得分:1)

使用.trigger()模仿锚点是不可能的。它只会在用户点击它时执行默认行为。

.trigger('click')只会运行onclick处理程序。

答案 2 :(得分:0)

首先,像

这样的东西
javascript:alert('');
不应该使用

。当我复制粘贴代码时,我会在点击时看到两个警报。我想用neal发布的方式。这就是你如何做到的。请记住,当你将javascript与html混合时,一切都变得一团糟。

您会注意到这一点,但触发点击事件不允许重新启动到新页面。这意味着实际上您无法通过触发链接来导航到新页面。 自javascript:alert(&#39;&#39;);在href属性中,它不起作用。

触发器用于触发捕获的事件。不是实际点击。