$("#wScratchPad3").wScratchPad({
 cursor:'',  //設(shè)置鼠標(biāo)的樣式
 color:'gray' ,  //設(shè)置覆蓋物的顏色，跟image2功能相斥
 width:"300",
 height:"100",
 image: "" //頂部的圖片
// 更多配置相關(guān)的選項(xiàng)請(qǐng)看源碼
 scratchUp: function(e, percent){
 if(percent > 60)
 {
 alert("sss");
 }
 }
 });

從上面的代碼，看的出來(lái)，這個(gè)跟網(wǎng)上所謂的教程不一樣，這里獲取刮開的范圍用到函數(shù)不是

scratchMove（）
而是
scratchUp（）

為嘛？看源碼

復(fù)制代碼代碼如下:

scratchFunc: function(e, $this, event)
        {
            e.pageX = Math.floor(e.pageX - $this.canvas_offset.left);
            e.pageY = Math.floor(e.pageY - $this.canvas_offset.top);
            $this['scratch' + event](e, $this);
            if(this.settings.realtimePercent || event == "Up") {
                if($this.settings['scratch' + event]) $this.settings['scratch' + event].apply($this, [e, $this.scratchPercentage($this)]);
            }
        }

這里這個(gè)獲取函數(shù)綁定的UP 而不是move

您可能感興趣的文章:

相關(guān)文章

php 使用curl模擬登錄人人(校內(nèi))網(wǎng)的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇php 使用curl模擬登錄人人(校內(nèi))網(wǎng)的簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧
2016-06-06
Laravel日志用法詳解
這篇文章主要介紹了Laravel日志用法,結(jié)合實(shí)例形式較為詳細(xì)的分析了Laravel日志的功能、定義、使用方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下
2016-10-10
簡(jiǎn)單的PHP留言本實(shí)例代碼
對(duì)于學(xué)習(xí)php的朋友，開始做個(gè)留言板對(duì)于php+mysql的操作有個(gè)簡(jiǎn)單的過程。學(xué)會(huì)了這個(gè)基本上php開始入門了。
2010-05-05
詳解PHP如何完成驗(yàn)證碼功能示例
這篇文章主要介紹了PHP如何完成驗(yàn)證碼功能示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-12-12
thinkPHP5.0框架命名空間詳解
這篇文章主要介紹了thinkPHP5.0框架命名空間,結(jié)合具體實(shí)例形式詳細(xì)分析了thinkPHP5.0中命名空間的概念、功能及相關(guān)使用方法,需要的朋友可以參考下
2017-03-03
基于thinkPHP類的插入數(shù)據(jù)庫(kù)操作功能示例
這篇文章主要介紹了基于thinkPHP類的插入數(shù)據(jù)庫(kù)操作功能,結(jié)合實(shí)例形式分析了thinkPHP數(shù)據(jù)庫(kù)操作的常用技巧,需要的朋友可以參考下
2017-01-01
Laravel中的Auth模塊詳解
最近在工作中遇到了Auth模塊，但是對(duì)Auth模塊一知半解，通過查找相關(guān)的資料了解學(xué)習(xí)，所以下面這篇文章主要給大家介紹了關(guān)于Laravel中Auth模塊的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面來(lái)一起看看吧。
2017-08-08
一個(gè)很不錯(cuò)的PHP翻頁(yè)類
一個(gè)很不錯(cuò)的PHP翻頁(yè)類，包含了使用例子，感謝Alan
2009-06-06
Laravel框架實(shí)現(xiàn)的批量刪除功能示例
這篇文章主要介紹了Laravel框架實(shí)現(xiàn)的批量刪除功能,結(jié)合實(shí)例形式分析了Laravel框架批量刪除功能相關(guān)的前端界面布局及后臺(tái)控制器實(shí)現(xiàn)技巧,需要的朋友可以參考下
2019-01-01
ThinkPHP3.1新特性之動(dòng)態(tài)設(shè)置自動(dòng)完成及自動(dòng)驗(yàn)證示例代碼
這篇文章主要介紹了ThinkPHP3.1的動(dòng)態(tài)設(shè)置自動(dòng)完成及自動(dòng)驗(yàn)證功能,需要的朋友可以參考下
2014-06-06