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

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

$(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()  表示时间戳

时间: 2024-08-23 22:01:16

验证码绑定点击和手指状事件的相关文章

ExtJs4.2 登陆界面(点击验证码自动刷新,label实现click事件)

ExtJs4.2 登陆界面(点击验证码自动刷新,label实现click事件) 转载请注明:http://blog.csdn.net/qiuzhping/article/details/42596339 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <%@ page langu

ListView绑定点击事件

代码如下: cList.setOnItemClickListener(new OnItemClickListener() { @Override public void onItemClick( AdapterView<?> listView, //listView本身 View itemView, //listView的子View int p1, //位置参数 long p2 //位置参数 ) { //TODO } } ListView绑定点击事件,布布扣,bubuko.com

jquery的on绑定点击事件执行两次的解决办法

js(jquery)的on绑定点击事件执行两次的解决办法—不是事件绑定而是事件冒泡 遇到的问题:jquery中用.on()给页面中新加的元素添加点击事件时,点击事件源,绑定的事件执行两次,这里的alert会执行两次,相应地数组删除也执行两次,具体代码如下(其中.tabDel是页面加载之后新生成的元素,故不能用普通的$(‘.tabDel).click(function(){})的方法添加点击事件): 上网找的解决方法大概有一下两种:1.在用 on 绑定 click 事件之前,对该事件解绑,也就是

事件绑定的快捷方式 利on进行事件绑定的几种情况

[事件绑定快捷方式]$("button:first").click(function(){ alert(1); }); [使用on绑定事件] ① 使用on进行单事件绑定 $("button").on("click",function(){ //$(this) 取到当前调用事件函数的对象 console.log($(this).html()); }); ② 使用on同时为多个事件,绑定同一函数$("button").on(&qu

用事件冒泡实现在div内点击,不触发事件,当在div外点击时才触发事件

讲解 http://caibaojian.com/javascript-stoppropagation-preventdefault.html 使用案例 在div内点击,不触发 一个事件,当在div外点击时才触发事件. 这比按钮节流和缓冲都要好的多 自己使用的是一个form控件中的输入不触发,当输入完点击其他地方时触发计算,将结果赋值给form中不可编辑的控件中. 具体代码: function div10_onClick(event) { //点击#Click时要阻止冒泡,否则.pop是不显示的

toggle([speed],[easing],[fn]) 用于绑定两个或多个事件处理器函数,以响应被选元素的轮流的 click 事件。

toggle([speed],[easing],[fn]) 概述 用于绑定两个或多个事件处理器函数,以响应被选元素的轮流的 click 事件. 如果元素是可见的,切换为隐藏的:如果元素是隐藏的,切换为可见的. 1.9版本 .toggle(function, function, … ) 方法删除,jQuery Migrate(迁移)插件可以恢复此功能.大理石平台生产厂 参数 fn,fn2,[fn3,fn4,...]Function,....V1.0 Removed 1.9 fn:第一数次点击时要执

Android:防止过快点击造成多次事件

Android:防止过快点击造成多次事件 问题 onClick事件是Android开发中最常见的事件.比如,一个submitButton,功能是点击之后会提交一个订单, 则一般代码如下,其中submitOrder()函数会跳转到下一页进行处理 : //代码0 submitButton.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { submitOrder(); } }); 正常情

GridView点击行触发SelectedIndexChanged事件

1.在<% @Page ...... %>指令中添加 EnableEventValidation="false" 2.在RowDataBound事件中添加 protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e) { switch (e.Row.RowType) { case DataControlRowType.DataRow: e.Row.Attributes["s

新元素之前的事件绑定无效(live方法)--事件委托

jq1.7之前 可以用live():绑定事件 ,动态生成的标签也可以绑定上. jq1.7之后live(),方法取消改为on():但是动态生成的元素绑定不上事件了. 1 <ul> 2 <button id="btn">creatEle</button> 3 <li class="li">1111111111</li> 4 <li class="li">1111111111<