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              }

猜你喜欢

转载自www.cnblogs.com/wrkjwl/p/9252938.html