zoukankan      html  css  js  c++  java
  • javascript中的click与onclick的区别

     1 $(function(){
     2            $(".delete").click(function(){
     3                var $tr=$(this).parent().parent();
     4                var title=$.trim($tr.find("td:first").text());
     5                var flag=confirm("确定要删除"+title+"的信息吗?");
     6                if(flag){
     7                   return true; 
     8                }
     9                return false;
    10            });
    11            $("a").each(function(){
    12               this.onclick=function(){
    13               var serializeVal=$(":hidden").serialize();//序列号
    14               var  href=this.href+"&"+serializeVal;//改变href值
    15               window.location.href = href;//跳转
    16               return false;
    17                };
    18            });

    以上js代码,第一个就是click事件,当点击delete所对应的标签时候,执行了click()方法,就会触发onclick事件。第二个是为每一个<a>标签邦定一个onclick事件。

    总结:onclick是邦定事件,告知浏览器在鼠标点击的时候要有什么行为,onclick绑定事件还有另一个好处就是可以让别人来调用此事件

     1  $(":text").change(function(){
     2            var auantityVal=$.trim(this.value);
     3            var reg = /^d+$/g;
     4            var flag=false;
     5            var quantity=-1;
     6            quantity=parseInt(auantityVal);
     7            if(quantity>=0){
     8               flag=true; 
     9            }
    10            if(!flag){
    11                alert("输入的数量不合法");
    12                $(this).val($(this).attr("class"));
    13                return;
    14            }
    15            var $tr=$(this).parent().parent();
    16              var title=$.trim($tr.find("td:first").text());
    17              if(quantity==0){
    18                var $a = $tr.find("td:last").find("a");
    19                 var flag2=confirm("确定要删除"+title+"的信息吗?") 
    20                 if(flag2){
    21                   //得到了 a 节点
    22                 var $a = $tr.find("td:last").find("a");
    23                 //执行 a 节点的 onclick 响应函数. 
    24                 $a[0].onclick();//触发了每个a标签的onclick事件
    25                 
    26                 return;
    27                 }
    28                $(this).val($(this).attr("class"));
    29                 return;
    30               
    31              }
  • 相关阅读:
    第一章、web应用安全概论--web应用系统介绍--TCP/IP协议
    IIS配置导入导出
    shell习题第10题:打印每个单词的字数
    腾讯云的对象存储COS
    shell习题第9题:sed的常用用法
    shell习题第8题:监控nginx的502状态
    shell习题第7题:备份数据库
    shell习题第6题:监听80端口
    Python的math模块
    Python模块
  • 原文地址:https://www.cnblogs.com/wrkjwl/p/9252938.html
Copyright © 2011-2022 走看看