0

嗨，我正在尝试查看以下链接中建议的触发了哪些事件。但是，我没有看到警报..这里有什么问题？

<!DOCTYPE html> 
<html> 
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title> test ground</title> 

    <!-- JQuery specific -->
    <script type="text/javascript" src="libs/jQuery/jQuery.min.js"  ></script>

    <script>
    $(document).ready( function() {
        $.each([
            'blur',  'change',   'click',  'contextmenu', 'copy',
            'cut',   'dblclick',   'error', 'focus',
            'keydown',          'keypress',         'keyup',
            'mousedown',            'mousemove',            'mouseout',
            'mouseover',            'mouseup',
            'mousewheel',           'paste',
            'reset',            'resize',
            'scroll',           'select',
            'submit',
            // W3C events
            'DOMActivate',          'DOMAttrModified',          'DOMCharacterDataModified',
            'DOMFocusIn',           'DOMFocusOut',          'DOMMouseScroll',
            'DOMNodeInserted',          'DOMNodeRemoved',           'DOMSubtreeModified',
            'textInput',

            // Microsoft events
            'activate',
            'beforecopy',
            'beforecut',
            'beforepaste',
            'deactivate',
            'focusin',
            'focusout',
            'hashchange',
            'mouseenter',
            'mouseleave'
        ], function () {
            $('a').live(this, function (evt) {
                alert(this);
            });
        });
    });
    </script>
</head>
<body>
<a href="http://www.google.com"> test </a>
</body>
</html>
4

4 回答 4

1

我猜这在回调上下文中被包装为一个对象，因此我猜这个问题（在 Firefox 和 Chrome 最新版本中检查。）将回调更改为：

function (a, b) {
        $('a').live(b, function (evt) {
                alert(evt.type);
        });
}

或者

function () {
        $('a').live(this.toString(), function (evt) {
                alert(evt.type);
        });
}

一旦我弄清楚它被包装为对象的原因，将用更详细的描述更新帖子。

于 2012-03-02T04:59:04.747 回答
1

I've copy pasted the original code from the stack overflow post and it worked perfect for me. here is the link to jsfiddle

于 2012-03-02T05:09:00.093 回答
0

第一次调用this它是一个对象 - 让它成为一个字符串

  $('a').live(this.toString(), function (evt) {
于 2012-03-02T05:00:47.647 回答
0

试试这个：

<script>
$(document).ready( function() {
    var el = $("#doIt");

    $.each([
        'blur',  'change',   'click',  'contextmenu', 'copy',
        'cut',   'dblclick',   'error', 'focus',
        'keydown',          'keypress',         'keyup',
        'mousedown',            'mousemove',            'mouseout',
        'mouseover',            'mouseup',
        'mousewheel',           'paste',
        'reset',            'resize',
        'scroll',           'select',
        'submit',
        // W3C events
        'DOMActivate',          'DOMAttrModified',          'DOMCharacterDataModified',
        'DOMFocusIn',           'DOMFocusOut',          'DOMMouseScroll',
        'DOMNodeInserted',          'DOMNodeRemoved',           'DOMSubtreeModified',
        'textInput',

        // Microsoft events
        'activate',
        'beforecopy',
        'beforecut',
        'beforepaste',
        'deactivate',
        'focusin',
        'focusout',
        'hashchange',
        'mouseenter',
        'mouseleave'
    ], function (index, value) {
        el.on(value, function (evt) {
            console.log("Whatever %o", this);
        });
    });
});
</script>

基本上确保只抓取一次元素（无需调用 jQuery 装载），然后从 .each() 调用的函数中获取事件名称。

于 2012-03-02T05:01:27.927 回答