Madawar
7/17/2017 - 5:23 PM

JS Bin // source http://jsbin.com/gunalobore

JS Bin

// source http://jsbin.com/gunalobore

jsbin.gunalobore.js
content_copyfile_download
app = new Vue({
            el: '#app',
            data: {},
            methods: {
                expand(event ){
                  
                  console.log(event.clientX );  
                    console.log(event.clientY);  

                }
            }
        });
index.html
content_copyfile_download
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  
  <img v-on:click="expand" src="https://upload.wikimedia.org/wikipedia/en/2/24/Lenna.png" id="app"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.3/vue.js"></script>

<script id="jsbin-javascript">
app = new Vue({
            el: '#app',
            data: {},
            methods: {
                expand(event ){
                  
                  console.log(event.clientX );  
                    console.log(event.clientY);  

                }
            }
        });
</script>



<script id="jsbin-source-javascript" type="text/javascript">app = new Vue({
            el: '#app',
            data: {},
            methods: {
                expand(event ){
                  
                  console.log(event.clientX );  
                    console.log(event.clientY);  

                }
            }
        });</script></body>
</html>