web页面a标签触发事件

系统管理员 2022-06-12 04:24 324阅读 0赞

在我们的项目中，很多时候使用a标签不是直接发生url跳转，而是期望能够走js方法，在里面完成相关参数的校核信息以及url的地址拼接，毕竟有些参数的信息不能直接使用EL表达式获取，需要通过js来获取页面上其他值的信息。

常用的方法：

<a href="javascript:void(0)" οnclick="save()">发布</a>

这样在点击的时候，不会触发页面跳转，而是直接进入了预定的方法之中

<script type="text/javascript">
    
    	        //保存
    		function save(){
    		   alert(123);
    			
                     //在这里可以添加相关的参数校核
                     if($("#name").val()==""){
                    $("#name").tips({
                        side:3,
                        msg:'请输入品牌名称',
                        bg:'#AE81FF',
                        time:2
                    });
                    $("#name").focus();
                    return false;
                     }
                       
               
                   //这里执行的是表单的提交事件
                    $("#form1").submit();
    		$("#zhongxin").hide();
    		$("#zhongxin2").show();
    		}
    </script>

还有一种跳转的方式

a href="#" οnclick="js_method();return false;"

这种方法点击执行了js函数后return false，页面不发生跳转，执行后还是在页面的当前位置。

发表评论取消回复

表情：

评论列表（有 0 条评论，324人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery 自动触发a标签的点击事件并跳转页面

1 html代码 <a id="alink" href="index.html" style="display:none;"> <span id=

今天药忘吃喽~/ 2023年10月05日 08:41/ 0 赞/ 24 阅读

相关离开页面时触发的事件

beforeunload事件当浏览器窗口关闭或者刷新时，会触发beforeunload事件。当前页面不会直接关闭，可以点击确定按钮关闭或刷新，也可以取消关闭或刷新。

左手的ㄟ右手/ 2022年12月17日 12:55/ 0 赞/ 159 阅读

相关 a标签加入单击事件屏蔽href跳转页面

我们常用的在a标签中有点击事件： 1. a href="javascript:js\_method();" 这是我们平台上常用的方法，但是这种方法在传递this等参数的时

╰半橙微兮°/ 2022年06月17日 03:13/ 0 赞/ 238 阅读

相关 web页面a标签触发事件

在我们的项目中，很多时候使用a标签不是直接发生url跳转，而是期望能够走js方法，在里面完成相关参数的校核信息以及url的地址拼接，毕竟有些参数的信息不能直接使用

系统管理员/ 2022年06月12日 04:24/ 0 赞/ 325 阅读

相关 jsp页面_按回车键触发事件

一般在列表页面中，都会带有查询按钮，当输入完查询条件后，如果需要通过鼠标点击“查询”按钮才发起查询，那么就感觉不够方便，那么我们就可以修改为按下回车键的时候发起查询。

柔光的暖阳◎/ 2022年05月19日 12:05/ 0 赞/ 287 阅读

相关点击a标签触发点击事件后下载文件

a标签 <a></a> a标签下载文件 <a download="filename" id="a_downloadPdf" href="文件地址">点击下载</a

太过爱你忘了你带给我的痛/ 2022年05月16日 13:23/ 0 赞/ 678 阅读

相关 jQuery触发a标签的click事件

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta

男娘i/ 2022年05月08日 09:26/ 0 赞/ 715 阅读

相关 Firefox下代码触发a标签的click事件无效

在页面中通过document.createElement('a');创建一个a标签，然后给a标签的href属性赋url，通过代码触发a标签的click事件请求后台，在Chrom

灰太狼/ 2022年04月10日 07:39/ 0 赞/ 396 阅读

相关 jQuery触发a标签的click事件

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta

雨点打透心脏的1/2处/ 2022年02月24日 20:47/ 0 赞/ 618 阅读

相关浏览器tab标签切换时触发事件

document.addEventListener('visibilitychange',function(){ //浏览器切换事件 if(document

怼烎@/ 2022年02月22日 14:38/ 0 赞/ 458 阅读