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

JavaScript025

关于文本框的点击事件的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()" />

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

比如一个文本框中,光标在文本框中将会出发onblue 事件

光标从文本框中转移将会出发onfocus事件。

鼠标的移动到文本框上面会触发onmouseover事件,

从文本框中移除将会出发onmouseout事件。

注意光标和鼠标是不一样的。