- 博客(16)
- 收藏
- 关注
RSS订阅转载 JS事件
JS事件绑定与移除http://www.cnblogs.com/Ayinger/p/6723730.html小窝： 事件监听与阻止默认事件https://www.cnblogs.com/zhangmingze/p/4864367.html
2018-11-06 22:48:19
177
转载 JS事件绑定、事件监听、事件委托
事件监听事件委托对“事件处理程序过多”问题的解决方案就是事件委托。事件委托利用了事件冒泡，只制定一个事件处理程序，就可以管理某一类型的所有事件。例如click事件一直会冒泡到document层。也就是我们可以只指定onclick事件处理程序，而不必给每个事件分别添加处理程序。下面我们来看一个阿里巴巴笔试题的例子。样式以及DOM结构<style> * { pa
2018-11-06 20:33:31
402
原创 JS实时监听输入框
前端页面开发的很多情况下都需要实时监听文本框输入，比如腾讯微博编写140字的微博时输入框hu9i动态显示还可以输入的字数。过去一般都使用onchange/onkeyup/onkeypress/onkeydown实现，但是这存在着一些不好的用户体验。比如onchange事件只在键盘或者鼠标操作改变对象属性，且失去焦点时触发，脚本触发无效；而onkeydown/onkeypress/onkeyup在处...
2018-11-05 23:01:28
2220
原创 JS绑定事件三种方式
三种方式1、在DOM中直接绑定2、在JS代码中直接绑定3、使用事件监听函数绑定事件一、在DOM中直接绑定也就是直接在html标签中通过 onXXX=“” 来绑定。举个例子：<input type="button" value="点我呦&quot
2018-11-05 22:53:30
14833
原创 JS实现文字从左到右滚动变色
文字从左到右滚动变色<script language="javascript">var message="welcome to friends word!!!";//文字内容设置var n=0;if(document.all){ //设置文本属性 document.write('<font size="12px" color="#ff6600">'
2018-05-14 22:53:35
2426
原创 矩形框显示坐标
矩形框显示坐标想法： 鼠标移动到矩形区域上时，显示当前坐标;移出时，清空坐标 步骤： 1.2个div，一个是矩形区域，另一个盛放坐标 2.2个事件：鼠标移进事件，鼠标移出事件 移进——>获取坐标：使用Event.ClientX; Event.ClientY;<body> <script language="jav...
2018-05-07 23:30:16
2351
原创 文本框中灰色提示性文字
灰色提示性文字很多网站的文本框都有灰色提文字，一点即消失，鼠标移开又出现，将下面这段代码加载到input 中即可实现。 value="你的提示文字" onFocus="if(value==defaultValue){value='';this.style.color='#000'}" onBlur="if(!value){value=defaultValue;...
2018-05-06 20:35:51
4549
原创 HTml5中progress元素
使用progress标记元素实现进度条效果&lt;!doctype html&gt;&lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;使用progress元素
2018-05-01 23:31:03
980
原创 文字滚动
使用Marquee标签 基本滚动 marquee：默认从右到左<body> <marquee>我从右跑到左，不会停止</marquee> <marquee direction=left>我从右跑到左，不会停止</marquee> <marquee direction=right>我从左跑到右，不会...
2018-04-27 23:50:34
185
原创 引用文档中的HTML元素
引用文档中的HTML元素的3种方法document对象的all属性返回值包含文档中所有HTML标签的数组，对all[]数组中元素的引用方法有三种，分别为document.all[i]、document.all[name]、以及document.all.tags[tagName]代码实例：<body> <!--document.all[]返回了一个数组，数组中的...
2018-04-27 23:20:45
298
原创 Window对象的open方法
open方法的语法如下： window.open(url,name,features,replace) 参数说明： URL：一个字符串。在新窗口中打开的文档的URL； name:一个字符串。新打开的窗口的名字，用HTML链接的Target属性进行定位是会有用; features：一个字符串。列举创口的特征； replace：一个布尔值。指明是否允许URL替...
2018-04-26 23:52:58
954
原创 使用this关键字
私有函数的作用域当函数嵌套定义时，子函数就是父级函数的私有函数。外界不能调用私有函数，私有函数只能被拥有该函数的函数代码调用。私有函数的作用域<script language="javascript">function A(){ function B(){ function C(){ document.write("<li>...
2018-04-26 07:30:59
183
原创 图片异常捕获
异常处理<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name=&quo
2018-04-24 19:14:49
446
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人