首页 / JAVASCRIPT / javascript – angularjs – mousedown&在鼠标按下事件时移动元素？

javascript – angularjs – mousedown&在鼠标按下事件时移动元素？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – angularjs – mousedown&在鼠标按下事件时移动元素？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含892字，纯文字阅读大概需要2分钟。

内容图文

为了解释我想要做的事情,我创建了一个你可以玩的例子：

http://plnkr.co/edit/usrmiNkj5YJY5SlV8ETw?p=preview

我想在鼠标停止时绘制多个绿色瓷砖.
这个：

<div ng-mousedown="drawImage($parent.$index,$index)"></div>

仅当鼠标在不在外面的元素上向下时才有效.

有没有办法检查鼠标是否已经关闭并将图块拉成绿色？

请使用我创建的代码创建一个工作示例.

解决方法:

你必须包含一些事件处理程序,用于mouseup和mousemove,就像这样

<div class="tile" ng-repeat="x in y track by $index" ng-class="x" ng-mouseup="removeFlag()" ng-mousedown="setFlag($parent.$index,$index)" ng-mousemove="drawImage($parent.$index,$index)"></div>

然后添加功能

$scope.drawImage = function(y,x){
  if ($scope.mouseIsDown)
    $scope.map[y][x] = "green";
}

$scope.setFlag = function(y,x){
   $scope.mouseIsDown = true;
   this.drawImage(y,x)
}

$scope.removeFlag = function(){
   $scope.mouseIsDown = false;
}

这在鼠标按下时设置标志,并在光标在元素上移动并且鼠标按下时设置颜色.

PLNKR

内容总结

以上是互联网集市为您收集整理的javascript – angularjs – mousedown&在鼠标按下事件时移动元素？全部内容，希望文章能够帮你解决javascript – angularjs – mousedown&在鼠标按下事件时移动元素？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/786015.html

来源：【匿名】