JSFiddle - React, Tailwind, and code Playground

by zovjunice89

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular.min.js"></script>
</head>

<body ng-app="myapp">

  <div ng-controller="MyController" >
    <ul>
        <li ng-repeat="item in myData.items"
               ng-mouseover="myData.mouseover(item, $event)">Click here</li>
    </ul>
</div>
  </div>

  <script>
    angular.module("myapp", [])
            .controller("MyController", function($scope) {
                $scope.myData = {};
                $scope.myData.items = [{ v: "1"}, { v: "2"}, { v : "3"} ];

                $scope.myData.mouseover = function(item, event) {
                    alert("clicked: " + item.v + " @ " + event.clientX + ": " + event.clientY);
                }


            } );
</script>    

</body>