js操作输入框提示信息且响应鼠标事件

2019-09-04 作者:计算机教程   |   浏览(106)

本文实例讲述了JS实现的两个滑块区间拖动效果代码。分享给大家供大家参考,具体如下:

我们经常遇到一些输入框,比如注册网站的输入框就有默认提示值,当获取鼠标焦点的时候,默认值被删除,当用户没输入东西焦点离开的时候,又恢复默认提示值。这方法用js代码实现如下:

网页上的滑块功能如何实现呢?其实用JS就可以,这就是一个网页滑块,两个滑块可以任意拖动,形成一个滑块区间,而且代码兼容IE和其它主流的浏览器,两个滑块确定一个区间范围。

html代码:

运行效果截图如下:

复制代码 代码如下:

图片 1

<input type="text" id="email" name="email" class="txt_input" value="请输入经常使用的邮箱" onfocus="fn_focus(this);" onblur="fn_blur(this);"/>

在线演示地址如下:

js代码:

本文由www.2003.com发布于计算机教程,转载请注明出处:js操作输入框提示信息且响应鼠标事件

关键词: