易语言 编辑框获取焦点失去焦点 问题

易语言 编辑框获取焦点失去焦点 问题,第1张

版本

2

程序集

窗口程序集1

子程序

_编辑框1_获得焦点

如果真

(编辑框1内容

“123”)

编辑框1内容

“”

如果真结束

子程序

_编辑框1_失去焦点

如果真

(编辑框1内容

“”)

编辑框1内容

“123”

如果真结束

自己拿去研究吧

希望对你有帮助

1我们在充值缴费的时候,或者输入用户名密码的时候,经常会见到如下的提示框

2当你的鼠标点击在“手机号码输入框”中的时候,输入框中的“请输入手机号码”文字消失,取代的是鼠标中的光标

3此特效是如何实现的呢?看下如下的代码

4把此代码拷贝到 dreamwerver 的body标签中间,并预览,在浏览器中的效果如下

5把鼠标点击进入输入框,文字消失

6现在解释下这段代码的意思

首先,是一个文本框html标签<input type="text">

value="请输入手机号码" -- 代表文本框中显示的内容是“请输入手机号码”

7onblur="if(thisvalue =='') {thisvalue = '请输入手机号码'}"

-- onblur:官方标准解释是:事件会在对象失去焦点时发生 。

也就是说当你的鼠标焦点离开文本框的时候执行后边的代码。

后边的代码是个if条件语句,翻译过来的意思就是,当这个文本框的值等于空的时候执行大括号里的代码。

大括号里的代码翻译过来是 给文本框赋值“请输入手机号码”。

整体代码实现的效果就是,当你鼠标离开的时候,文本框重新填充内容“请输入手机号码”

8onfocus="if(thisvalue == '请输入手机号码'){ thisvalue = '';thisstylecolor='#737e73';}"

--onfocus:官方标准解释:事件在对象获得焦点时发生。

也就是说,当你的鼠标点击进入文本框时,执行后边的代码。

后边的代码也是个if语句,翻译过来的意思就是,当文本框的值是“请输入手机号码”的时候,执行后边大括号里的代码。

大括号里的代码翻译过来就是 给文本框赋值为空,也就是清空文本框的内容,并且把文本框里的颜色赋值为#737e73。

整体代码实现的效果就是,当你鼠标点击进入文本框的时候,文本框的内容“请输入手机号码”消失,并且光标的颜色变为#737e73。

9name="phoneNum" maxlength="11"

--此代码是定义文本框的名字是"phoneNum" 是要在form表单提示的时候用到,这里可以忽略

--maxlength 是定义文本框只能输入11个字符,因为电话号码是只有11位,所以定义他的最大输入长度

10理解一下上边的代码,把thisstylecolor='#737e73' 修改为 thisstylecolor='#ff0000'

11在浏览器中的效果是什么样子的?没错,当你鼠标点击进入的时候,光标变为了红色

12当你鼠标离开的时候,文字也变成了红色

可以由aspnet实现。

当文本框获得焦点时,使用aspnet的事件,客户端会向服务器上传一个反馈,服务器接收后将原来的文本框更改为password模式即可。这种方式有一次刷新。其实就是得到服务控件的focus事件中将文本框换为password而已。较为简单。

也可以由js实现。

js实现的原理就是利用js增加一个input的type=hidden属性。用户所有输入的内容均写入到该input的value中,然后将生成相同长度的字符显示在原来的密码框中。在上行后不用接收原来的数据,只接收引入的input type=hidden的value即可。优点是不用进行刷新,节省了服务器资源。

onblur= "javascript:thisvalue='文字'" 失去焦点事件

onfocus = "javascript:thisvalue=''" 得到焦点事件

你说的需求可以用 事件+JavaScript代码 实现的

1)点击的事件就是onclick(tank352672的答案中事件是onfocus,那是获得焦点,是不对的)

2)onclick="javascript:thisvalue=''"这样就是当事件触发时执行后面的JavaScript语句,而语句的作用就是清空输入栏

3)完整的代码

<html>

<body>

<input id="Text1" type="text" value="搜索内容" onfocus="javascript:thisvalue=''" />

</body>

</html>

(代码复制到记事本存为html后缀的网页即可)

以上就是关于易语言 编辑框获取焦点失去焦点 问题全部的内容,包括:易语言 编辑框获取焦点失去焦点 问题、如何实现当鼠标点击输入框时,输入框内的提示文字自动消失、点击输入文本框,默认文字消失等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9604377.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-30
下一篇 2023-04-30

发表评论

登录后才能评论

评论列表(0条)

保存