css - 使用 Css 清除 TextBox 文本/值

Question

我在想，是否可以使用 css 代码而不是使用 javascript 来清除文本框？

Answer 1

这在 CSS 中是不可能的，只有在 JS 中才能实现:

事件处理函数:

addEvent(document.getElementById('IDHERE'), "focus",
function() {
    clearText('IDHERE');
});

事件监听函数:

//addEvent listener
function addEvent(obj, type, fn) {
    if (obj.addEventListener) {
        obj.addEventListener(type, fn, false);
    } else {
        if (obj.attachEvent) {
            obj["e" + type + fn] = fn;
            obj[type + fn] = function() {
                obj["e" + type + fn](window.event);
            };
            obj.attachEvent("on" + type, obj[type + fn]);
        }
    }
}

明文函数:

//Clear on focus function
function clearText(id) {
    document.getElementById(id).value = "";
}

这是纯 JS，这里不需要任何库，非常快并且兼容 x 浏览器:)