我设计了一个可以很好地处理 html 页面的荧光笔,但是当我尝试与 OpenLaszlo 应用程序集成时,我遇到了鼠标事件的问题.....
OpenLaszlo 应用程序有一个按钮,单击该按钮可激活荧光笔。该应用程序已部署为单独的应用程序,并且与该按钮对应的功能已写入生成的“index.html”文件中。
Laszlo 应用程序中定义的按钮代码如下:--
<button name="Highlighter" onclick="highlightController()">Highlighter
<method name="highlightController">
if(parent.check="false"){
this.setAttribute("check", true);
if(this.check == true){
lz.Browser.loadJS('Highlight("true")');
}
else if(this.check == false){
lz.Browser.loadJS('Highlight("false")');
}
}
</method>
</button>
对应的按钮功能如下:--
function Highlight(check) {
alert("button function");
var cursor = {},
divr = {},
dragging = false,
dv=document.createElement('div');
dv.setAttribute('id',"maindiv");
document.body.appendChild(dv);
var maindiv=document.getElementById('maindiv');
function maindivstart(a, b) {
cursor.a = a;
cursor.b = b;
maindivposition();
dragging = true;
$('#maindiv').clone().insertAfter("#maindiv");
}
function maindivsize(a, b) {
divr.left = a < cursor.a ? a : cursor.a;
divr.top = b < cursor.b ? b : cursor.b;
divr.width = Math.abs(a - cursor.a),
divr.height = Math.abs(b - cursor.b);
maindivposition();
maindivresize();
}
function maindivend() {
dragging = false;
}
function maindivposition() {
maindiv.style.top = divr.top + 'px';
maindiv.style.left = divr.left + 'px';
}
function maindivresize() {
maindiv.style.width = divr.width + 'px';
maindiv.style.height = divr.height + 'px';
}
window.onmousedown = ( function (e) {
var a = e.clientX,
b = e.clientY;
e.preventDefault();
maindivstart(a, b);
});
window.onmousemove = ( function (e) {
var a = e.clientX,
b = e.clientY;
e.preventDefault();
if (dragging) {
maindivsize(a, b);
}
});
window.onmouseup = ( function (e) {
e.preventDefault();
maindivend();
});
}
鼠标事件不起作用...有人可以帮忙吗?