模拟一个按键操作,主要放在插件里面跑Javascript ,意思是我可以通过按一个按键可以模拟我所需要对网页的操作,不懂代码,请给答案,我放插件可以操作就行。

模拟一个按键操作,主要放在插件里面跑Javascript ,意思是我可以通过按一个按键可以模拟我所需要对网页的操作,不懂代码,请给答案,我放插件可以操作就行。

问题描述:

第一步先模拟点击添加按钮,需要先添加才会出现后面的填写框

<div id="content_extract_add_block"><div id="add_group" class="bui-btn button-white" style="display:inline-block;padding:2px 10px 2px 10px">添加</div></div>

第二步模拟复制网页文本内容(公正房子去哪里公证),需要的不是固定文本,文本内容会变,这里的代码不会变,要求是一直可以复制这里的文本内容

<div class="com-mark-p-reference" data-type="html" data-id="3" id="com_mark_reference_3">
    <div class="com-mark-pr-content com-mark-pr-html" id="exampleSentences">公正房子去哪里公证</div>
    <div class="com-mark-pr-content com-mark-pr-html">参考:[]</div>
</div>

第三步把第二部复制的文本内容贴贴到attr-name="class3"的这个框框中

<div class="content-extract-group" id="content_extract_group_0" data-id="0"><i class="icon-remove pl10 cp f16 delete-group" id="group_delete_0"></i><label class="group-name-index cp" id="group_name_index_0">提取分类1</label><input class="group-item" attr-name="class3" value="" style="width: 202px;"><input class="group-item" attr-name="class1" value="" style="width: 202px;"><input class="group-item" attr-name="class4" value="" style="width: 202px;"><input class="group-item" attr-name="class5" value="" style="width: 202px;"></div>

<input class="group-item" attr-name="class3" value="" style="width: 202px;">

第四部复制固定内容--错误(error_content)--到attr-name="class1"(上面代码已经有这个框框代码)的框框中,下面再次贴代码

<input class="group-item" attr-name="class1" value="" style="width: 202px;" init-selection="yes" search-selection-id="search_selection_id_0">

第五步模拟点击提交按钮

<div class="mark-button-left">
        <div id="js_submit_btn" class="button-mark button-grey">提交</div>
    </div>

用这个试一下,改了一下id:

<script type="text/javascript">
        
        //在页面加载后执行
        window.onload=function function_name(argument) {
            //点击添加按钮
            document.getElementById("add_group").click()
            //复制网页文本内容
            text=document.getElementById("exampleSentences").innerHTML
            console.log(text)
            arr=document.getElementById("content_extract_group_0").children
            console.log(arr.length)
            for (i=0;i<arr.length;i++) {
                if(arr[i].getAttribute("class")=="group-item"){
                    attr_name=arr[i].getAttribute("attr-name");
                    console.log(attr_name)
                    if(attr_name=="class3"){
                        //复制的文本内容贴贴到attr-name="class3"的这个框框中
                        arr[i].value=text
                    }
                    else if(attr_name=="class1"){
                        //复制固定内容--错误error_content)--到attr-name="class1"
                        arr[i].value="错误(error_content)"
                    }
                }
                
            }
            //点击提交按钮
            document.getElementById("js_submit_btn").click();
            
        }


    </script>


    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>


    <body>
        <div id="content_extract_add_block"><div id="add_group" class="bui-btn button-white" style="display:inline-block;padding:2px 10px 2px 10px">添加</div></div>

        <div class="com-mark-p-reference" data-type="html" data-id="3" id="com_mark_reference_3">
            <div class="com-mark-pr-content com-mark-pr-html" id="exampleSentences">公正房子去哪里公证</div>
            <div class="com-mark-pr-content com-mark-pr-html">参考:[]</div>
        </div>

        <div class="content-extract-group" id="content_extract_group_0" data-id="0">
            <i class="icon-remove pl10 cp f16 delete-group" id="group_delete_0"></i>
            <label class="group-name-index cp" id="group_name_index_0">提取分类1</label>
            <input class="group-item" attr-name="class3" value="" style="width: 202px;">
            <input class="group-item" attr-name="class1" value="" style="width: 202px;">
            <input class="group-item" attr-name="class4" value="" style="width: 202px;">
            <input class="group-item" attr-name="class5" value="" style="width: 202px;">
        </div>

        <div class="mark-button-left">
            <div id="js_submit_btn" class="button-mark button-grey">提交</div>
        </div>

    </body>

    <script type="text/javascript">
        
        window.onload=function function_name(argument) {
            document.getElementById("content_extract_add_block").click()
            text=document.getElementById("exampleSentences").innerHTML
            console.log(text)
            arr=document.getElementById("content_extract_group_0").children
            console.log(arr.length)
            for (i=0;i<arr.length;i++) {
                if(arr[i].getAttribute("class")=="group-item"){
                    attr_name=arr[i].getAttribute("attr-name");
                    console.log(attr_name)
                    if(attr_name=="class3"){
                        arr[i].value=text
                    }
                    else if(attr_name=="class1"){
                        arr[i].value="错误(error_content)"
                    }
                }
                
            }
            document.getElementById("js_submit_btn").click();
            
        }


    </script>
    </html>

模拟按键的脚本,上面怎么都不行啊

还有人可以回答吗


//点击添加按钮
            document.getElementById("add_group").click()
            //复制网页文本内容
            text=document.getElementById("exampleSentences").innerHTML
            console.log(text)
            arr=document.getElementById("content_extract_group_0").children
            console.log(arr.length)
            for (i=0;i<arr.length;i++) {
                if(arr[i].getAttribute("class")=="group-item"){
                    attr_name=arr[i].getAttribute("attr-name");
                    console.log(attr_name)
                    if(attr_name=="class3"){
                        //设置焦点在这个组件上
                        arr[i].focus()
                        //复制的文本内容贴贴到attr-name="class3"的这个框框中
                        arr[i].value=text
                    }
                    else if(attr_name=="class1"){
                        arr[i].focus()
                        //复制固定内容--错误error_content)--到attr-name="class1"
                        arr[i].value="错误(error_content)"
                    }
                    else if(attr_name=="class4"){
                        arr[i].focus()
                    }
                }

                
            }
            //点击提交按钮
            document.getElementById("js_submit_btn").click();


//点击添加按钮
            document.getElementById("add_group").click()
            //复制网页文本内容
            text=document.getElementById("exampleSentences").innerHTML
            console.log(text)
            arr=document.getElementById("content_extract_group_0").children
            console.log(arr.length)
            for (i=0;i<arr.length;i++) {
                if(arr[i].getAttribute("class")=="group-item"){
                    attr_name=arr[i].getAttribute("attr-name");
                    console.log(attr_name)
                    if(attr_name=="class3"){
                        //设置焦点在这个组件上
                        arr[i].click()
                        arr[i].focus()
                        //复制的文本内容贴贴到attr-name="class3"的这个框框中
                        arr[i].value=text
                    }
                    else if(attr_name=="class1"){
                        arr[i].focus()
                        //复制固定内容--错误error_content)--到attr-name="class1"
                        arr[i].value="错误(error_content)"
                    }
                }

                
            }
            //点击提交按钮
            document.getElementById("js_submit_btn").click();


//点击添加按钮
            document.getElementById("add_group").click()
            //复制网页文本内容
            text=document.getElementById("exampleSentences").innerHTML
            console.log(text)
            arr=document.getElementById("content_extract_group_0").children
            console.log(arr.length)
            for (i=0;i<arr.length;i++) {
                if(arr[i].getAttribute("class")=="group-item"){
                    attr_name=arr[i].getAttribute("attr-name");
                    console.log(attr_name)
                    if(attr_name=="class3"){
                        //设置焦点在这个组件上
                        // arr[i].focus()
                        
                        //复制的文本内容贴贴到attr-name="class3"的这个框框中
                        arr[i].value=text
                        eval(arr[i].onchange)
                    }
                    else if(attr_name=="class1"){
                        // arr[i].focus()
                        
                        //复制固定内容--错误error_content)--到attr-name="class1"
                        arr[i].value="错误(error_content)"
                        eval(arr[i].onchange)
                    }
                }

                
            }
            //点击提交按钮
            document.getElementById("js_submit_btn").click();


            //点击添加按钮
            var group_num=0;
            document.getElementById("add_group").click()
            //复制网页文本内容
            text=document.getElementById("exampleSentences").innerHTML
            console.log(text)
            arr=document.getElementById("content_extract_group_"+group_num).children
            group_num++;
            console.log(arr.length)
            for (i=0;i<arr.length;i++) {
                if(arr[i].getAttribute("class")=="group-item"){
                    attr_name=arr[i].getAttribute("attr-name");
                    console.log(attr_name)
                    if(attr_name=="class3"){
                        //设置焦点在这个组件上
                        arr[i].focus()
                        
                        //复制的文本内容贴贴到attr-name="class3"的这个框框中
                        arr[i].value=text
                        show(arr[i])
                    
                        arr[i].blur();
                    }
                    else if(attr_name=="class1"){
                        arr[i].focus()
                        
                        //复制固定内容--错误error_content)--到attr-name="class1"
                        arr[i].value="错误(error_content)"
                        eval(arr[i].onchange)
                    }
                }

                
            }
            //点击提交按钮
            document.getElementById("js_submit_btn").click();
        

        function show(target){
            var val = $(target).val();
            if (val && $(target).attr("attr-name") == "class3") {
                var len = val.length;
                if (checkWordHas(val)) {
                    $(target).parent().find("input[attr-name=\"class4\"]").val(checkWordPos(val))
                }
                $(target).parent().find("input[attr-name=\"class5\"]").val(len)
            }
            var groupId = $(target).parent().find("input[attr-name=\"class3\"]").val();
            updateSameGroupIdValue(groupId);

        }