0

我有兴趣将我的 javascript 代码转换为带有鼠标事件的 jquery 代码。我已经下载了最新版本的 jQuery 并将其重命名为“jquery.js”然后我修改了我的清单 .json 文件，列出的第二个代码也包括“jquery.js” 不完全确定我是否正确添加了它。接下来我需要弄清楚如何将鼠标事件放在第一个代码中。这是一个示例 jQuery，用于激活有人给我的大小选择作为提示：

$(".selectBox.exp-pdp-size-dropdown.exp-pdp-dropdown.selectBox-dropdown").focus().mousedown().mouseup();

我不确定该怎么做，所以我非常感谢一些帮助或提示。

代码目的摘要：将特定尺码的鞋子添加到nike.com 8 月初更新的新网站的购物车中。

 var size_i_want = "12";

    function fRun()
    {
        // Select size option.
        var sizesList=document.getElementsByName("skuAndSize")[0];
        for(var i=0; i<sizesList.length; i++)
        {
            if(sizesList.options[i].text.trim() == size_i_want)
            {
                sizesList.selectedIndex = i;
            }
        }

        var aButtons = document.getElementsByTagName("button");
        for(var i = 0; i < aButtons.length; ++i)
        {
            if(aButtons[i].className.indexOf("add-to-cart") > -1)
            {
                aButtons[i].click();
            }
        }
    }

    function fTick()
    {
        if(document.getElementsByName("skuAndSize")[0] != undefined)
        {
            setTimeout("fRun()", 600);
            //fRun();
        }else{
            setTimeout("fTick()", 300);
        }
    }
    setTimeout("fTick()", 300);

启动清单 .json

{
    "update_url": "http://clients2.google.com/service/update2/crx",
    "name": "PreOrderHeat Bot Size 12",
    "version": "1.0",
    "manifest_version": 2,
    "description": "PreOrderHeat.Com",
    "icons": {
        "128": "Nike.png"
    },
    "browser_action": {
        "default_icon": "icon.png",
        "default_title": "Nike bot"
    },
    "content_scripts": [
        {
            "matches": [
                "http://*.nike.com/*"
            ],
            "js": [
                "autobuy.js, jquery.js"
            ]
        }
    ],
    "web_accessible_resources": [
        "script.js"
    ]
}
4

1 回答 1

0

@Rory - 如果您查看网站代码，您会发现他试图调用的选择器上没有 click() 的事件处理程序。它使用 mousedown() 来触发事件处理程序。 click() 什么也不做。通过将 focus() 与 mousedown() 链接起来不会造成任何伤害（当然它也不会做任何事情），但它可以让您看到 focus() 使用该选择器工作。

OP 混淆了两种脚本编写风格。在示例中，他发布了使用 selectedIndex 通过 DOM 设置来选择大小的方法。然而，他引用了使用鼠标事件选择大小的技术。

于 2013-08-17T18:24:46.037 回答