Question

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

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

我不确定该怎么做，所以我真的很感激一些帮助或提示。

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

 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"
    ]
}

Answer 1

@Rory - 如果你查看了网站代码，你会发现在他试图调用的选择器上没有click（）的事件处理程序..它使用mousedown（）来触发事件处理程序.. click（）什么也没做。通过使用mousedown（）链接focus（）不会伤害任何东西（授予它也不会做任何事情）但它允许你看到focus（）使用该选择器。

OP混淆了两种脚本样式..在示例中，他发布了使用selectedIndex选择大小的方法，方法是通过DOM设置。然而，他引用了使用mouseevents选择大小的技术。

尝试将鼠标移动实现为此基本javascript代码

1 个答案: