美文网首页
js小问题

js小问题

作者: 织田信长 | 来源:发表于2015-12-06 21:51 被阅读20次

1 js中typeof、instanceof与constructor
typeof返回一个表达式的数据类型的字符串,返回结果为js基本的数据类型,包括number,boolean,string,object,undefined,function.语法为typeof(data) 或 typeof data
instanceof则为判断一个对象是否为某一数据类型,或一个变量是否为一个对象的实例;返回boolean类型语法为 o instanceof A
js中constructor较少使用,如果不是搜索到相关construtor相关的资料,我之前从没有注意到js还有这个函数。
使用typeof的一个不好的地方就是它会把Array还有用户自定义函数都返回为object
这里还要注意,constructor只能对已有变量进行判断,而typeof则可对未声明变量进行判断(返回undefined)
2 addEventListener和attachEvent
**Mozilla中: **addEventListener的使用方式: target.addEventListener(type, listener, useCapture); target: 文档节点、document、window 或 XMLHttpRequest。 type: 字符串,事件名称,不含“on”,比如“click”、“mouseover”、“keydown”等。 listener :实现了 EventListener 接口或者是 JavaScript 中的函数。 useCapture :是否使用捕捉,一般用 false 。例如:document.getElementById("testText").addEventListener("keydown", function (event) { alert(event.keyCode); }, false); **IE中: **target.attachEvent(type, listener); target: 文档节点、document、window 或 XMLHttpRequest。 type: 字符串,事件名称,含“on”,比如“onclick”、“onmouseover”、“onkeydown”等。
listener :实现了 EventListener 接口或者是 JavaScript 中的函数。 例如:document.getElementById("txt").attachEvent("onclick",function(event){alert(event.keyCode);});
3 不同浏览器中event 问题
//window.event
IE:有window.event对象
FF:没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove(event)
解决方法:var event = event || window.event;
//鼠标当前坐标
IE:event.x和event.y。
FF:event.pageX和event.pageY。
通用:两者都有event.clientX和event.clientY属性。
//鼠标当前坐标(加上滚动条滚过的距离)
IE:event.offsetX和event.offsetY。
FF:event.layerX和event.layerY。

相关文章

  • js小问题

    1 js中typeof、instanceof与constructortypeof返回一个表达式的数据类型的字符串,...

  • js小问题

    今天看到一个js的问题,想了好久之后不得其解,到晚上才发现了问题所在,题目是这样的: 想必大家应该看到过这个题目,...

  • Nodejs中@elastic/elasticsearch的使用

    GitHub的地址:https://github.com/elastic/elasticsearch-js 小问题...

  • js常见小问题

    在循环中 加事件不能使用i 使用i的话会自动变成 最大的循环数 用索引 index 在script的里给需要的加上...

  • JS 路上的小问题

    1.图片加载问题 想得到图片的宽和高 img.width() img.height一定要保证图片加载完成使用loa...

  • Java导出excel

    首先是控制层Controller excel工具类 jsp js 这里出现一个小问题,location.href这...

  • node.js 安装小问题

    windows: 在官网https://nodejs.org/en/download/下载 安装完成之后,找到安装...

  • js继承遇到的小问题

    这两天在看js继承方面,它不像OC那种传统的类继承。js继承方式还是挺多的。比如:原型继承、原型冒充、复制继承 原...

  • Moment.js 转换 UTC 格式的 2 个小问题

    在使用 Moment.js 转换为 UTC 格式的时候,我们可能会遇到 2 个小问题。 如果你使用 ('2021-...

  • Vue.js 小问题解惑

    疑惑1:为什么有时候看到一些 $ 符号,这代表什么?解惑1:Vue 实例有一些官方提供的有用的实例属性与方法,当然...

网友评论

      本文标题:js小问题

      本文链接:https://www.haomeiwen.com/subject/dqcehttx.html