求大神解决 jSignature 签名时 一边写 屏幕跟随手指滑动的问题
<div >
<div class="js-signature" data-width="90%" data-height="258" data-border="1px solid black" data-line-color="#bc0000" data-auto-fit="true" >
</div>
<p align="center">
<button id="clearBtn" class="btn btn-default" style="background-color:#E04A25"onclick="clearCanvas();">清除签名</button> <button id="saveBtn" class="btn btn-default" onclick="saveSignature();" disabled>提交签名</button></p>
<div id="signature">
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
</td>
</div>
<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/jq-signature.js"></script>
<script type="text/javascript">
$(document).on('ready', function() {
$('.js-signature').jqSignature();
});
function clearCanvas() {
$('.js-signature').jqSignature('clearCanvas');
$('saveBtn').attr('disabled', true);
}
function saveSignature() {
$('#signature').empty();
var dataUrl = $('.js-signature').jqSignature('getDataURL');
var img = $('<img>').attr('src', dataUrl);
(function($){
$.getUrlParam= function(name){
var reg= new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
var r= window.location.search.substr(1).match(reg);
if (r!=null) return unescape(r[2]); return null;
}
})(jQuery);
var wid = $.getUrlParam('id');
$('#clearBtn').hide();
$('#saveBtn').hide();
$.ajax({
url:"w_txt.asp",
data:{wid:wid,W_qianming:dataUrl},
type:"post",//提交方
datatype:"text",//返回字符串,T大写式
success: function(data,status){
alert("签名提交成功");
window.location.href("kh_main.asp");
}
});
}
$('.js-signature').on('jq.signature.changed', function() {
$('#saveBtn').attr('disabled', false);
});
-----------------
现在提交图片保存这些都没问题
就是一边写 屏幕跟随手指滑动的问题
不清楚在哪个位置插入 什么样的代码吖。。。。嘤嘤嘤
-----------------------------
jqSignature.js代码中的监听事件 没有起到作用
------------------------------------------------
$(document).on('touchstart touchmove touchend', $.proxy(function(e) {
if (e.target === this.canvas) {
e.preventDefault();
}
}, this));