关于文本框的点击事件的JS代码怎么写

JavaScript023

关于文本框的点击事件的JS代码怎么写,第1张

<input type="text" name="keyword" size=34 value="请输入关键字" maxlength="50" onblur="if(!this.value.length){this.style.color='#FF5900'this.value='请输入关键字'}" onclick="if(this.value=='请输入关键字'){this.style.color='#FF5900'this.value=''}">

可以先定义一个函数,即textChange要执行的内容函数,然后在对应的textBox标签中用onchange=""来调用那个textChange函数。

步骤一:定义一个text标签,添加onchange为空;其html代码如下所示:

<input type="text" onchage="" />

步骤二:定义要执行的textChange函数,其JS代码如下所示:

function demo(){ //demo是函数名

//在这里写textChange执行代码

}

步骤三:将这个demo()函数赋给input标签的onchange;即html代码为:

<input type="text" onchage="demo()" />

这样的话,在文本框的值变化是就会调用这个函数了

这个文本输入框开始没有获得焦点的话,选中时就有焦点(focus)事件和点击(click)事件

如果这个文本框已经被选中后,再点击就只会出现点击(click)事件了