验证码绑定点击和手指状事件

Posted 2020-09-18 kinglone

在做用户登录或者注册的时候常常会用到验证码，为了更好的用户体验，需要在鼠标移入对象的时候将鼠标变成手指状，和点击验证码的时候跟换验证码，这里做个记录。

 

$(function(){
             
             //为验证码绑定mouseover事件，会在鼠标移入对象时触发和点击click事件
             $("#vimg").mouseover(function(){
                 $(this).css("cursor","pointer");
             }).click(function(){
                 /* $(this).attr("src","${pageContext.request.contextPath}/createCode.jspx?param="+Math.random()); */
                  $(this).attr("src","${pageContext.request.contextPath}/createCode.jspx?param="+new Date().getTime()); 
             })
             
    });

注：为验证码绑定mouseover事件，是将鼠标变成手指状

　　绑定的click点击事件，改变验证码的属性，用户点击验证码时重新生成新的验证码，这里有两种方式：

　　　　1.?param="+Math.random() 表示给一个随机数  

　　　　2.?param="+new Date().getTime()  表示时间戳