JavaScript
-
js中阻止事件冒泡的几种方法
前端开发过程中主要是通过以下三种方法来实现阻止事件冒泡 事件冒泡的: 如果在div中发生点击事件:那么click事件就在经过的结点上依次触发,button < div < body < html < document < window 下面是三种处理事件冒泡的方法 1.使用preventDefault(); 使用 e.preve...
-
JS addEventListener() 方法
说明: addEventListener() 方法用于向指定元素添加监听事件。且同一元素目标可重复添加,不会覆盖之前相同事件,配合 removeEventListener() 方法来移除事件。 语法 参数说明:有三个参数 参数一、事件名称,字符串,必填。 参数二、执行函数,必填。 参数三、触发类型,布尔型,可空 你可以使用函数名,来引用外部函数: 向 Wi...
-
JavaScript实现监听移动端上下左右滑动事件
Introduction 最近刚入坑web前端,学了一点基础,便准备写个简单的2048小游戏试试手。开发过程中发现, PC端可以直接监听键盘输入,但是移动端就不得不监听屏幕上的滑动事件了。 2048 可以在手机上打开,仍然具有不错的交互 JS 触摸事件(event) 注意: 在touchend事件发生时,event的touches对象中就没有元素了,需要到c...
-
JS 原生获取子节点、父节点和兄弟节点的若干种方式
一、js获取子节点的方式 1、通过获取DOM方式直接获取子节点 其中price为父标签id的值,div为标签的名字。getElementsByTagName是一个方法。返回的是一个数组。在访问的时候按数组的形式访问即可,如var a = document.getElementById("price").getElementsByTagName("div")[...
-
JavaScript异步与Promise基本用法(resolve与reject)
Promise解决的问题 相信每个前端都遇到过这样一个问题,当一个异步任务的执行需要依赖另一个异步任务的结果时,我们一般会将两个异步任务嵌套起来,这种情况发生一两次还可以忍,但是发生很多次之后,就形成了所谓的回调地狱,代码层层嵌套,环环相扣,很明显,逻辑稍微复杂一些,这样的程序就会变得难以维护。就比如我们昨天的那个回调地狱的例子: 对于这种情况,程序员们想了...
-
高德地图自定义marker图标及点击marker显示内容框
1、首先创建高德地图账号,根据调用的接口申请高德地图API,这里使用了地图js API和Web服务 的key。首先引入高德地图调用的js接口 2、创建一个地图容器 3、需要给容器设定高度和宽度 4、js代码
-
百度地图标注自定义标注图片【JS】
百度地图标注自定义标注图片 小结具体方法在百度地图文档已经有详细的说明,这里记录一下自己容易忽视的点。1.anchor: new BMap.Size(10, 25) 这个一定需要,不然标注在地图上面会偏移正确位置2.new BMap.Size(32, 32) 里面参数是地图上标注显示的大小,自定义的图片的大小一定和这里的参数一样,才能正确显示完整的图片大小。