input 提示框文字，鼠标点击，文字消失，鼠标点外面，文字出现

input 提示框文字，鼠标点击，文字消失，鼠标点外面，文字出现

像有些搜索框中会显示“在这里输入要搜索的东西”，鼠标点击那个搜索框后，那些字就没有了, 鼠标点击页面其它地方后，搜索框里的文字又出现。

<input  value="请输入关键字" onfocus="if (value =='请输入关键字'){value =''}" onblur="if (value ==''){value='请输入关键字'}"  />

如果更换为以下的代码，鼠标伸过去时，提示框底色会变色，效果更棒：

<input value="请输入关键字"  onmouseo教程ver="this.style.borderColor='black';this.style.backgroundColor='plum'"
style="border-color:black; border-width:1px; "
onmouseout="this.style.borderColor='black';this.style.backgroundColor='#ffffff'" style="border-width:1px;border-color=black" onfocus="if (value =='请输入关键字'){value =''}" onblur="if (value ==''){value='请输入关键字'}" />

 

时间： 2024-07-31 22:36:43

input 提示框文字，鼠标点击，文字消失，鼠标点外面，文字出现的相关文章

使用JS或jQuery模拟鼠标点击a标签事件代码

 这篇文章主要介绍了使用JS或jQuery模拟鼠标点击a标签事件代码,需要的朋友可以参考下 代码如下: <a id="alink" href="abc.aspx" style="visibility: hidden;">下一步</a>  $("#alink").click(); // 触发了a标签的点击事件,但是没有触发页面跳转  document.getElementById("alink&

代码-qt中鼠标点击view获取点并将坐标转换为scene坐标之后在坐标处绘制item，位置发生偏移

问题描述 qt中鼠标点击view获取点并将坐标转换为scene坐标之后在坐标处绘制item,位置发生偏移 如题,我的组件是用QGraphicsItem绘制的,重载了QMouseEvent,但是点击时在view上显示的地方不对,主要代码如下: QPoint viewPos = event->pos();//获取视口坐标 QPointF scenePos = view_1->mapToScene(viewPos);//将视口坐标转换为场景坐标 select->setRect(scenePos

开发的android 应用安装视上，电视连接鼠标，鼠标点击app，不起作用，如何处理。

问题描述 开发的android 应用安装视上,电视连接鼠标,鼠标点击app,不起作用,如何处理. 开发的android 应用安装视上,电视连接鼠标,鼠标点击app,不起作用,如何处理. 解决方案 android tv?有没有成功安装 android app?另外不起作用,是否程序出错了,造成闪退?我在创维智能电视机上面安装过android app,用鼠标操作没有问题,还可以使用飞梭操作,也一样可以使用. 解决方案二: 电视上面用遥控器就可以操作吧 解决方案三: 在应用列表中点击app,想启动这个

如何实现鼠标点击picturebox控件，实现有翻转或其它的打开picturebox效果显示

问题描述 如何实现鼠标点击picturebox控件,实现有翻转或其它的打开picturebox效果显示 在C# Winfrom项目中,from窗体中,有一个Panel控件.在Panel控件内放置了一个picturebox控件. 请问如何实现鼠标点击picturebox_click事件后,让picturebox控件有翻转或其它比较好的打开动作效果显示. 希望能提供点DEMO或相关资料参考下,再看看哪种比较好.... 解决方案 要实现切换图片,如果图片数量不多,你可以用计数器进行控制,点击一次,就将

鼠标点击button事件问题

问题描述 求鼠标左键点击button消失,然后右键又可以显示出来的代码. 解决方案 本帖最后由 liuuilliuuil123 于 2016-01-10 21:56:03 编辑解决方案二:在按钮的click事件中使用button1.Visible=false;来隐藏,因为按钮已经隐藏,你可能需要在窗体的右键事件中调用button1.Visible=true;来显示按钮.解决方案三:引用1楼save4me的回复: 在按钮的click事件中使用button1.Visible=false;来隐藏,因为

使用JS或jQuery模拟鼠标点击a标签事件代码_jquery

复制代码 代码如下: <a id="alink" href="abc.aspx" style="visibility: hidden;">下一步</a> $("#alink").click(); // 触发了a标签的点击事件,但是没有触发页面跳转 document.getElementById("alink").click(); //既触发了a标签的点击事件,又触发了页面跳转 把 &

模拟鼠标点击

  <body> <script language="JScript">    onload=function(){  var evt=Evt(205,205,'onclick');    } ///////////////////////////////////////////////////////////    function Evt(x,y,type){    var evt = document.createEventObject();     ev

javascript实现确定和取消提示框效果_javascript技巧

在很多网页都有这样的效果,当点击一个按钮或者其他的对象会弹出一个提示框,如果点击确定则继续执行既定的程序,如果点击取消则会取消继续执行,代码实例如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>确定和取消提示框</title>

Jquery实现鼠标移上弹出提示框、移出消失思路及代码_jquery

思路: 1.首先要定位实现这种效果的元素 ,本次通过class 2.如果是动态显示不同的提示内容,需设置title 3.通过JQ给定位到元素加上 mouseover 和mouseout 事件 4.再完善下,弹出框跟随鼠标在目标元素上移动 5.再把 mouseover .mouseout 合并成 hover 复制代码 代码如下: //页面加载完成 $(function () {     var x = 10;     var y = 20; //设置提示框相对于偏移位置,防止遮挡鼠标     $(