<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Demo</title>
<style>
{
margin:0;
padding:0;
border:0;
}
stage{
}
track-monitor{
background-color:orange;
}
track-pad{
height:200px;
background-color:green;
}
track-coordinate{
background-color:purple;
color:white;
height:25px;
line-height:25px;
font-size:12px;
}
track-coordinate-list{
font-size:12px;
width:100%;
word-break:break-word;
}
</style>
<script>
windowaddEventListener('load',function(){
var pad = documentgetElementsByClassName('track-pad')[0];
var monitor = documentgetElementsByClassName('track-monitor')[0];
var coordinate = documentgetElementsByClassName('track-coordinate')[0];
var clist = documentgetElementsByClassName('track-coordinate-list')[0];
var reset = documentgetElementsByTagName('button')[0];
var fixSize = function(){
monitorwidth = windowinnerWidth;
};
var context = monitorgetContext('2d');
var cset = [];
windowaddEventListener('resize',function(){ fixSize(); });
padaddEventListener('mousemove',function(e){
contextstrokeStyle = 'white';
contextlineTo(ex,ey);
contextstroke();
coordinateinnerHTML = ex+':'+ey;
csetpush(coordinateinnerHTML);
clistinnerHTML = csetjoin(',');
});
resetaddEventListener('click',function(){
fixSize();
cset = [];
clistinnerHTML = '';
coordinateinnerHTML='在绿色的方块中滑动鼠标';
});
fixSize();
});
</script>
</head>
<body>
<div class="stage">
<div class="track-pad"></div>
<canvas width="100" height="200" class="track-monitor"></canvas>
<div class="track-coordinate">在绿色的方块中滑动鼠标</div>
<button>重置</button>
<div class="track-coordinate-list"></div>
</div>
</body>
</html>
获取项目根目录
在jsp里去<%=requestgetContextPath()%>这就是项目的根路径了，是到项目这层的。
js的引入方法如下：
<script src="<%=requestgetContextPath() %> /home/testjs"></script>
css的引入方法：
<link href="<%=requestgetContextPath() %>/css/onecss" rel="stylesheet" type="text/css">
直接调用ProcessRequest 这一页，看看输出的文本正确不，是否符合json规范，再去update_page那一页调用看看
另，为啥不用DataContractJsonSerializer去声称json呢？手动拼接老容易出错
function exitsCheck(str) {
if(jsonXml>
以上就是关于用Javascript脚本获取页面鼠标行为轨迹并描绘全部的内容，包括:用Javascript脚本获取页面鼠标行为轨迹并描绘、如何让引用的js文件获取本项目根路径、前台JS获取不到后台JSON的传值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）