Question

当焦点消失时，我一直试图改变文本区域的边框颜色，但它没有做任何事情，即使我只是想提醒一些事情。

这些是我到目前为止尝试过的方法：

第一个：

$('#idname').on('blur', function() {
     alert(1);
});

第二个：

document.getElementById('idname').onblur() = function () {
     alert(1);
}

第三个：

function redBlur() {
     alert(1);
}

和html：

<textarea rows="1" cols="10" type="email" id="idname" name="title" onblur="redBlur()"></textarea>

＆＃13;

$('#idname').on('blur', function() {
     alert(1);
});

document.getElementById('idname').onblur() = function () {
     alert(1);
}
function redBlur() {
     alert(1);
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea rows="1" cols="10" type="email" id="idname" name="title" onblur="redBlur()"></textarea>

＆＃13;

你对我做错了什么有任何想法吗？

感谢。

Answer 1

在第二个示例中，您需要删除onblur之后的括号，否则它会尝试调用现有的处理程序而不是分配新的处理程序。使用getElementById后直接链接方法也很不寻常。试试这个：

var field = document.getElementById('idname');
field.addEventListener('blur', function () {
     alert(1);
});

Answer 2

＆＃13;

<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>
    <textarea id="test"></textarea>
    <script>
            $(function(){
            $('#test').on('blur', function (){
                    $('#test').css('border-color', 'red');
                });
            });
        });
    </script>
</body>
</html>

＆＃13;

模糊/ Onblur没有做任何事情

2 个答案: