0

次のコードがあります。

<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 を追加しようとしましたが、機能しません。

どうすればよいですか？

ありがとう

4

1 に答える 1

0

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());
});
于 2013-02-06T14:06:07.187 に答える