JavaScript 函数：清空文本框、改变颜色和设置鼠标指针

本教程将介绍三个常用的 JavaScript 函数，并提供详细的代码示例和实现步骤，帮助你轻松实现网页交互功能。

1. 清空文本框：clearText(field)

功能： 判断文本框内的默认值是否是当前值，如果相等则清空文本框内容；如果文本框内容为空，则恢复默认值。

实现步骤：

在 if 语句中，使用 == 比较 field 的 defaultValue 属性和 value 属性。
如果结果为 true，即默认值与当前值相等，则将空字符串赋值给 field 的 value 属性。
否则，使用 else if 语句，判断 field 的 value 属性是否为空，如果为空，则将 field 的 defaultValue 赋值给 field 的 value 属性。

代码示例：

function clearText(field) {
  if (field.defaultValue == field.value) {
    field.value = '';
  } else if (field.value == '') {
    field.value = field.defaultValue;
  }
}

2. 改变文本颜色：changeColor(field)

功能： 将文本颜色设置为蓝色。

实现步骤：

将 'blue' 赋值给 field 对象的 style 属性的 color 属性。

代码示例：

function changeColor(field) {
  field.style.color = 'blue';
}

3. 设置鼠标指针：getHand(field)

功能： 将鼠标指针设置为指针样式。

实现步骤：

将 'pointer' 赋值给 field 对象的 style 属性的 cursor 属性。

代码示例：

function getHand(field) {
  field.style.cursor = 'pointer';
}

总结：

这三个 JavaScript 函数提供了简单易用的方法，用于实现常见的网页交互功能。你可以根据实际需要进行修改和扩展，以满足你的项目需求。