onfocusout替代？

Question

我有以下代码：

<script type="text/javascript">

    function editLabel(source) {
        source.innerHTML = '<input type="text" value="' + source.innerHTML + '"/>';
        source.onclick = null;
        source.children[0].focus()
    }
    function setLabel(source) {

        if (source.children[0].value != '') {
            source.onclick = function () { editLabel(source); };
            source.innerHTML = source.children[0].value;
        }

    }

然后在我的asp标签中：

 <asp:Label ID="lblName" runat="server" onfocusout="setLabel(this);" onclick="editLabel(this);" Text='<%# Bind("GroupDescription") %>'></asp:Label>

这在Chrome和IE中运行良好，但在Firefox中不起作用。

这是因为Firefox仅支持onblur。

我曾尝试将onblur添加到标签和文本框中，但它不起作用。

我该怎么办？

由于

Answer 1

查看jQuery，并将事件绑定到事件。即检查悬停，模糊和焦点。如果你想进行任何真正的Web开发，就需要像jQuery这样的框架。

http://api.jquery.com/hover/

http://api.jquery.com/blur/

http://api.jquery.com/focus/

举个例子，请看这里： http://jsfiddle.net/turiyag/fQV3p/

$("#blurry").hover(function() {
    log("Hover In!");
}, function(){
    log("Hover Out!");
});
$(":text").blur(function() {
    log("Blurred from textbox with value: " + $(this).val());
});
$(":text").focus(function() {
    log("Focus given to textbox with value: " + $(this).val());
});