События указателя

<?xml version="1.0" encoding="UTF-8"?> <svg width="800px" height="800px" viewBox="0 0 73 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>progressive-webapps/apis/pointer-events</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="progressive-webapps/apis/pointer-events" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="container" transform="translate(2.000000, 2.000000)" fill="#FFFFFF" fill-rule="nonzero" stroke="#424A60" stroke-width="2"> <rect id="mask" x="-1" y="-1" width="71" height="71" rx="14"> </rect> </g> <g id="smartphone-(2)" transform="translate(18.000000, 11.000000)" fill-rule="nonzero"> <rect id="Rectangle-path" fill="#C8D2D6" x="16.1301364" y="40.5909091" width="20.7272727" height="9.5"> </rect> <path d="M29.9483182,50.0909091 L16.1301364,50.0909091 L16.1301364,40.5909091 L24.2707727,40.5909091 C27.4066364,40.5909091 29.9483182,43.1325909 29.9483182,46.2684545 L29.9483182,50.0909091 Z" id="Shape" fill="#E7ECED"> </path> <circle id="Oval" fill="#7383BF" cx="24.3346818" cy="45.3409091" r="2.15909091"> </circle> <path d="M22.9563182,9.24263636 C24.0211818,8.77454545 24.7665,7.714 24.7665,6.47727273 C24.7665,4.80786364 23.4131818,3.45454545 21.7437727,3.45454545 C20.5061818,3.45454545 19.4456364,4.19986364 18.9784091,5.26472727 L22.9563182,9.24263636 Z" id="Shape" fill="#FBCE9D"> </path> <path d="M27.2745,13.5608182 C28.3393636,13.0927273 29.0846818,12.0321818 29.0846818,10.7954545 C29.0846818,9.12604545 27.7313636,7.77272727 26.0619545,7.77272727 C24.8243636,7.77272727 23.7638182,8.51804545 23.2965909,9.58290909 L27.2745,13.5608182 Z" id="Shape" fill="#FBCE9D"> </path> <path d="M31.5926818,17.879 C32.6575455,17.4109091 33.4028636,16.3503636 33.4028636,15.1136364 C33.4028636,13.4442273 32.0495455,12.0909091 30.3801364,12.0909091 C29.1425455,12.0909091 28.082,12.8362273 27.6147727,13.9010909 L31.5926818,17.879 Z" id="Shape" fill="#FBCE9D"> </path> <path d="M35.9108636,22.1971818 C36.9757273,21.7290909 37.7210455,20.6685455 37.7210455,19.4318182 C37.7210455,17.7624091 36.3677273,16.4090909 34.6983182,16.4090909 C33.4607273,16.4090909 32.4001818,17.1544091 31.9329545,18.2192727 L35.9108636,22.1971818 Z" id="Shape" fill="#FBCE9D"> </path> <path d="M18.2892273,28.5 L9.65286364,28.5 C7.99036364,28.5 6.63013636,27.1397727 6.63013636,25.4772727 C6.63013636,23.8147727 7.99036364,22.4545455 9.65286364,22.4545455 L18.2892273,22.4545455 C19.9517273,22.4545455 21.3119545,23.8147727 21.3119545,25.4772727 C21.3119545,27.1397727 19.9517273,28.5 18.2892273,28.5 Z" id="Shape" fill="#FBCE9D"> </path> <path d="M36.1112273,27.2589545 L26.5075909,36.8625909 C25.7337727,37.6364091 24.4789091,37.6364091 23.7059545,36.8625909 L15.3442273,28.5 L9.65372727,28.5 C9.15454545,28.7444091 7.79259091,27.8626364 8.31509091,28.3108636 L17.6527273,37.6122273 C17.7166364,37.6761364 17.7909091,37.7219091 17.8582727,37.7797727 L17.8582727,40.5909091 L35.131,40.5909091 L35.131,36.6959091 C36.7019545,35.5135909 37.7219091,33.6403636 37.7219091,31.5227273 C37.7210455,29.8878636 37.1104545,28.3989545 36.1112273,27.2589545 Z" id="Shape" fill="#F7B563"> </path> <path d="M16.2095909,2.49504545 L2.774,15.9306364 L9.33072727,22.4873636 C9.43868182,22.4761364 9.54318182,22.4545455 9.65286364,22.4545455 L18.2892273,22.4545455 C19.9517273,22.4545455 21.3119545,23.8147727 21.3119545,25.4772727 C21.3119545,27.1397727 19.9517273,28.5 18.2892273,28.5 L15.3433636,28.5 L20.8317727,33.9884091 L34.2665,20.5528182 L16.2095909,2.49504545 Z" id="Shape" fill="#424A60"> </path> <g id="Group" fill="#E7ECED"> <path d="M16.2095909,2.49504545 L14.2949091,0.580363636 C13.5210909,-0.193454545 12.2662273,-0.193454545 11.4932727,0.580363636 L0.859318182,11.2134545 C0.0855,11.9872727 0.0855,13.2421364 0.859318182,14.0159545 L2.774,15.9306364 L16.2095909,2.49504545 Z" id="Shape"> </path> <path d="M37.1406818,23.427 L34.2665,20.5528182 L20.8317727,33.9884091 L23.7050909,36.8617273 C24.4789091,37.6355455 25.7337727,37.6355455 26.5067273,36.8617273 L37.1398182,26.2286364 C37.9145,25.4556818 37.9145,24.2008182 37.1406818,23.427 Z" id="Shape"> </path> </g> <circle id="Oval" fill="#FFFFFF" cx="29.5165" cy="28.9318182" r="1.72727273"> </circle> <path d="M7.49377273,9.5 C7.27268182,9.5 7.05159091,9.41536364 6.88318182,9.24695455 C6.5455,8.90927273 6.5455,8.36345455 6.88318182,8.02577273 L8.61045455,6.2985 C8.94813636,5.96081818 9.49395455,5.96081818 9.83163636,6.2985 C10.1693182,6.63618182 10.1693182,7.182 9.83163636,7.51968182 L8.10436364,9.24695455 C7.93595455,9.41536364 7.71486364,9.5 7.49377273,9.5 Z" id="Shape" fill="#424A60"> </path> </g> </g> </svg>