求大神解决 jSignature 签名时 一边写 屏幕跟随手指滑动的问题

李小萌是只喵 2019-08-24 10:20:32
<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));
...全文
589 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
IT_WEB_QD_W 2021-01-15
  • 打赏
  • 举报
回复
您那边解决了吗?怎么解决的呀?麻烦教教我
李小萌是只喵 2019-08-24
  • 打赏
  • 举报
回复
在线等在线等哇
李小萌是只喵 2019-08-24
  • 打赏
  • 举报
回复
大神看不到了 顶上去
李小萌是只喵 2019-08-24
  • 打赏
  • 举报
回复
顶哇,没人看到哇

87,901

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧