jquery 防止多次提交，全局策略

谁践踏了优雅 2021-11-18 00:06 306阅读 0赞

** 微信扫一扫关注个公众号。谢谢各位**

![aHR0cHM6Ly9tcC53ZWl4aW4ucXEuY29tL21wL3FyY29kZT9zY2VuZT0xMDAwMDAwNCZzaXplPTEwMiZfX2Jpej1NelUxTVRNM056TXhPUT09Jm1pZD0xMDAwMDAxMDQmaWR4PTEmc249ZDljMmUzMjNmYzA2Y2VlNzc3OTRlM2U2MmFlNTM0NjAmc2VuZF90aW1lPTE1NjQ1Mzc4ODk][]

为要提交的按钮，增加一个属性。我这边起名是**initdisabled**

定义一个工具类。绑定事件的。

var EventUtils = \{  
    add:function(ele,type,callback)\{  
       var ele = ele\[0\]//这样的做法是：jquery元素转js元素。  
        if(ele.addEventListener)\{  
            ele.addEventListener(type,callback,false)  
        \}else if(ele.attachEvent)\{  
            ele.attachEvent('on'+type,callback)  
        \}else\{  
            ele\['on'+type\] = callback;  
        \}  
    \}

EventUtils.add($('\[initdisabled\]'),'click',function()\{

$('\[initdisabled\]').attr("disabled","disabled");

//设置6秒钟进行按钮恢复。具体时间，可以根据业务走  
    setTimeout(function()\{  
        $('\[initdisabled\]').removeAttr("disabled");  
    \},6000)

\})

可以为上面两个事件，封装在js中。进行页面引用。

例如：

$(function()\{

EventUtils.add($('\[initdisabled\]'),'click',function()\{

$('\[initdisabled\]').attr("disabled","disabled");

//设置6秒钟进行按钮恢复。具体时间，可以根据业务走  
    setTimeout(function()\{  
        $('\[initdisabled\]').removeAttr("disabled");  
    \},6000)

\})

只要引用下。按钮加上**initdisabled**属性，就可以做全局的了。

[aHR0cHM6Ly9tcC53ZWl4aW4ucXEuY29tL21wL3FyY29kZT9zY2VuZT0xMDAwMDAwNCZzaXplPTEwMiZfX2Jpej1NelUxTVRNM056TXhPUT09Jm1pZD0xMDAwMDAxMDQmaWR4PTEmc249ZDljMmUzMjNmYzA2Y2VlNzc3OTRlM2U2MmFlNTM0NjAmc2VuZF90aW1lPTE1NjQ1Mzc4ODk]: /images/20211116/6d8542bad628414c933e78b4c88c239f.png