Arc gis api for js 学习随笔之绑定事件鼠标动作

 1     var map;
 2             require(["esri/map", "dojo/domReady!"], function(Map) {
 3                  map = new Map("GHL", {
 4
 5                     zoom: 3,
 6                     basemap: "topo",
 7                     logo:false,
 8
 9
10                 });
11                 dojo.connect(map,"onMouseMove",function(e){
12                 var mp = e.mapPoint;
13                 var sp = e.screenPoint;
14                 dojo.byId("map1").innerHTML = mp.x+"/"+sp.x;
15                 dojo.byId("map2").innerHTML = mp.y+"/"+sp.y;
16             })
17             });
18
19
20         </script>
21     <body>
22     <div id="GHL"></div>
23     <div id="map1"></div>
24     <div id="map2"></div>

主要关键是,添加绑定事件的方法dojo.connect   该例子可以显示当鼠标滑动在地图上时,会显示两种不同的坐标!

 <script> var map;   require(["esri/map", "dojo/domReady!"], function(Map) {     map = new Map("GHL", {          zoom: 3,     basemap: "topo",     logo:false,              });    dojo.connect(map,"onMouseMove",function(e){    var mp = e.mapPoint;    var sp = e.screenPoint;    dojo.byId("map1").innerHTML = mp.x+"/"+sp.x;      dojo.byId("map2").innerHTML = mp.y+"/"+sp.y;     })   });       </script>    <body>    <div id="GHL"></div>    <div id="map1"></div>    <div id="map2"></div> </body>
时间: 2024-10-08 23:22:14

Arc gis api for js 学习随笔之绑定事件鼠标动作的相关文章

Js为Dom元素绑定事件须知

为异步加载的Dom 元素绑定事件必须在加载完成之后绑定: $('body').load('LearnClickBinding.ashx');$('a').click(function () { alert('I was clicked!'); }); 上面的绑定是无效的,因为异步加载需要时间,而在获取元素之前,早已执行了$('a').click();方法,所以绑定失败. 正确的做法是,等待元素加载完后再执行 $('a').click(); $('body').load('LearnClickBi

node.js 学习随笔

一,cnmp的操作: 1,cnmp info jquery查询jquery的版本: 2,cnmp install [email protected]:安装: 3,cnmp list查询所有下载的内容: 4,cnmp list | grep jquery:只显示下载的juery; 二,在某个js文件中启用搭建服务器: 1,利用ES5创建服务器: var http=require("http"); http.createServer(function(req,res){ res.write

JS学习随笔

一.数据类型 1.基础类型: Number 可以使用isNaN(number)函数检测参数是否“不是数值”. String代码中需要显示特殊字符时,使用反斜杠(\)转义. Boolean任何非空字符串可以转为true,任何非零数字值(包括无穷大)可以转换成true. Null.Undefined在JavaScript中null==undefined,但null===undefined是false,undefined可以认为是系统出乎意料的错误,而null是程序意料中的“空值”,如果想把两者赋值给

js学习随笔一:对象简单、深度克隆(复制)

javascript的一切实例都是对象,只是对象之间稍有不同,分为原始类型和合成类型.原始类型对象指的是字符串(String).数值(Number).布尔值(Boolean),合成类型对象指的是数组(Array).对象(Object).函数(Function). 既然对象分为这两类,他们之间的最大差别是复制克隆的差别.普通对象存储的是对象的实际数据,而引用对象存储的是对象的引用地址,而把对象的实际内容单独存放,因为引用对象通常比较庞大,这是数据开销和内存开销优化的手段.通常初学者很难理解这部分内

Ext JS学习第十六天 事件机制event(一)

此文用来记录学习笔记: 休息了好几天,从今天开始继续保持更新,鞭策自己学习 今天我们来说一说什么是事件,对于事件,相信你一定不陌生, 基本事件是什么?就类似于click.keypress.focus.mouseover等这些事件都是浏览器定义好的内置事件,我们直接使用即可.对于高级事件,无非就是自己去设计一个事件,就比如我们实际项目中,通常都伴随些业务逻辑,可能是曾删改查等...这些事件都是非原生事件,也就是浏览器无法自行判别触发的.但是我们确实有需求去实现他们,从而让我们开发起来更爽一些. 首

js学习总结----移动端事件基础及常用的事件库

一.事件基础 PC:click.mouseover.mouseout.mouseenter.mouseleave.mousemove.mousedown.mouseup.mousewheel.keydown.keyup.load.scroll.blur.focus.change... 移动端:click(单击).load.scroll.blur.focus.change.input(代替keyup.keydown)...TOUCH事件模型(处理单手指操作).GESTURE事件模型(处理多手指操作

js学习笔记24----焦点事件

事件: onfous : 元素获取焦点时触发事件 onblur : 元素失去焦点时触发事件 方法: obj.focus(); 可指定元素设置焦点 obj.blur(); 取消指定元素的焦点 obj.select(); 选中指定元素里面的文本内容 示例代码: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <title>焦点事件</title> 5 <meta charset

js学习笔记27----键盘事件

键盘事件主要有2个: onkeydown : 键盘按下时触发,如果按下不抬起,那么会连续触发. onkeyup : 键盘弹起时触发 不是所有元素都能接收键盘事件,只有能够响应用户输入的元素,换言之,能够接收焦点的元素就能接收键盘事件. event.keyCode : 数字类型,返回 键盘按键的ASCII 码. ctrlKey, shiftKey, altKey: 布尔值. 当一个事件发生的时候,如果 ctrl|| shift || alt 是按下的状态,返回true. 示例代码: 1 <!DOC

js循环给li绑定事件实现 点击li弹出其索引值 和内容

代码如下: html代码 <ul> <li>房产</li> <li>家居</li> <li>二手房</li> </ul> 方法一: var itemli = document.getElementsByTagName("li"); for(var i = 0; i<itemli.length; i++){ itemli[i].index = i; //给每个li定义一个属性索引值,赋