- 博客(7)
- 收藏
- 关注
原创 this call() apply() 小结
关于this的指向1.全局环境下的this始终指向全局对象 也就是 window;2.在普通函数内部,this指向window;3.在对象内部的this指向调用这些方法的对象;4.构造函数内的this与被创建的对象绑定;5.在定时器下 this指向windo (除es6外);apply() 与 call()两种方法均是,调用一个对象的一个方法,并用另一个函数替换当前对象。例:B...
2019-06-06 15:47:46 150
原创 实时监控输入框文本长度
在学习过程中遇到的一个问题,关于解决拼音回改变文本域value.length的问题。文本域的长度当然是使用 value值来获取当前长度,并且利用onmouseup事件监听。<div> <textarea id="txt" maxlength="10"></textarea> <p><span id="num">0</spa...
2019-06-06 15:17:24 1233 1
原创 jq盒子拖拽
拖拽案例首先在下手打代码之前,先缕清思路,需要用到的事件:1.鼠标按下 2.跟随鼠标移动 3.鼠标抬起。在鼠标按下,并移动时达成拖拽块的跟随效果,鼠标抬起时,将拖拽块定位到当前位置,并且该块的拖拽范围应当是处在当前窗口内,也就是说无法超过窗口大小。首先布局 <!DOCTYPE html><html lang="en"><head> <...
2019-04-26 09:59:17 867
原创 数组排序排重
首先声明一个数组var arr = [1,2,1,5,8,6,1,3,5,2,8,1]紧接着再声明一个空数组,用以存放不重复的数。var num = []排序主要用到的是数组的sort方法先使用for循环遍历 for (var i = 0; i < arr.length; i++) { //利用indexof 属性检索这个数再num数组中是否存在 if (arr....
2019-04-16 17:51:32 1258
原创 表单验证
正则表达式的一个简单例子。onfouse 聚焦 事件onblur 失焦 事件聚焦时输入失焦时候判断<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>案例</title> <style type...
2019-04-15 20:42:47 108
原创 简易又常用的吸顶条
window.onscrolls事件下面的p文本主要用来展示吸顶效果略丑,见怪制作方法简易主要运用window.onscroll事件以及document.documentElement.scrollTop;获取到当前页面顶部距离加以判断 当这个吸顶条的当前页面距离大于一定数值时改变吸顶条的定位方式以及位置就可以了<!DOCTYPE html><html lang...
2019-04-15 19:52:54 220
原创 制作简易九宫格抽奖
制作九宫格抽奖简单思路:进行简易的布局,了解抽奖机的运行方法(顺时针旋转)开始与停止两个按钮在最中间主要运用的知识点定时器的设置与清除<html lang="en"><head> <meta charset="UTF-8" /> <title>Document</title> <style ty...
2019-04-15 19:34:14 2285 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人