Javascript 模拟鼠标指针的角度指令?
是否有用于模拟鼠标指针事件的指令 我试着搜索一个,但我发现的只是将函数绑定到鼠标悬停的指令或模拟鼠标悬停的业力测试 我的用例是,我已经准备好将一个事件绑定到鼠标上,但我正在寻找一个Javascript 模拟鼠标指针的角度指令?,javascript,jquery,angularjs,angularjs-directive,Javascript,Jquery,Angularjs,Angularjs Directive,是否有用于模拟鼠标指针事件的指令 我试着搜索一个,但我发现的只是将函数绑定到鼠标悬停的指令或模拟鼠标悬停的业力测试 我的用例是,我已经准备好将一个事件绑定到鼠标上,但我正在寻找一个simulate mouse=“shouldBeMouseOver”形式的指令,这样当$scope.shouldBeMouseOver为真时,我放置该指令的元素会像有mouseenter事件一样反应。UPTATE 以前的解决方案是一种变通方法。现在可以对该()使用角度指令 以前的解决方案(解决方案) HTML: 使用范
simulate mouse=“shouldBeMouseOver”
形式的指令,这样当$scope.shouldBeMouseOver
为真时,我放置该指令的元素会像有mouseenter事件一样反应。UPTATE强>
以前的解决方案是一种变通方法。现在可以对该()使用角度指令
以前的解决方案(解决方案)
HTML:
使用范围变量和类似于
ng class
的东西不是更简单吗?元素上还有其他行为我无法更改,这就是为什么我要循环模拟鼠标的路径。你必须创建一个包含坐标的事件对象,并触发鼠标覆盖,即使我正在触发元素上有指令的鼠标悬停,因为我可以访问元素本身,有一个名为mouse enter
的按钮,单击它应该可以进行模拟。。。
ng-mouseenter="handler()"
<div simulate-mouse eventhandle="objfromscope">Hover</div> <!-- objfromscope: true or false -->
<div ng-click="objfromscope=!objfromscope">Enable/Disable hover</div>
app.directive('simulateMouse', function() {
return {
restrict: 'AE',
scope: {
eventhandle : '=eventhandle' //eventhandle is two way data binded
},
link: function(scope, element, attrs) {
scope.$watch(function() {
return scope.eventhandle;
}, function(newValue) {
console.log(newValue)
if(newValue){
element.off("mouseenter").on("mouseenter",function(){
onMouseOverCall()
});
}else{
element.off("mouseenter");
}
});
var onMouseOverCall = function(){ /* called only when eventhandle is true */
console.log("hoho")
}
}
};
});