jquery触发超链接事件如何编写?jQuery点击事件解析

TheDisguiser 2020-08-05 17:33:12 java常见问答 3408

经常上网的小伙伴们一定对链接不陌生,因为我们只要上网就会接触到,这次就来看看jQuery如何设置超链接事件吧。

jQuery中按钮或超链接代码如下:

<a href="url" target="_blank" onclick="closewin();" id="alink">点击超链接</a>
<button id = "btn" onclick = "test()" > 点击按钮 < /button>

上面是一个超链接及按钮,且它们都绑定了点击事件

先看看超链接,如若我们打算点击超链接的同时不仅触发事件而且跳转到href的指定链接,可以用:

<script>
    document.getElementById("alink").click();
</script>

这样就能够实现上面的功能,但是如果你只是想触发事件而不想跳转的话,有两个方法,一是在href写上href="javascript:;"二是引入jQuery,然后用jQuery点击事件触发

<script>
    $("#alink").click();
</script>

这样就不会跳转了。

如果是按钮的话,可以直接用以下代码:

<script>
    //真正的用程序点击按钮
     document.getElementById("btn").click();
    //没有点击按钮,只是执行了按钮所绑定的事件
     document.getElementById("btn").onclick();
 </script>

在注释中已经注明它们的区别了,虽然中间原理不一样,但在这里对用户来说效果是一样的,既然js能完成这些功能那么补充一下也可以进行表单的提交,过程和模拟点击类似,只是方法不同

表单的按钮如果是button就和模拟点击一样,绑定一个事件,如果按钮是type="submit",那么给form一个id如:id="form1"那么表单提交可以用下面的方式进行:

<script>
     //js提交表单
     document.getElementById("form1").submit();
     //jQuery提交表单
     $("#form1").submit();
 </script>

很简单吧,就是用了js中的submit()方法,我们还可以把事件封装到函数中灵活使用,除此之外,提交表单还有一些其他的方法,以上是较常用的一些方法

以上就是本篇文章的所有内容,以后小伙伴们就可以试着自己对想去的网站设置超链接了,更多java项目中常见问题及解决方法可以关注本站了解具体。

推荐阅读:

jquery设置html属性,获取和设置html内容和属性方法

jquery添加html代码,怎样动态的添加一条html代码?

jquery自定义插件怎么实现?