selenium的html拖拽,如何在Python中实现SeleniumHTML5拖放解决方案

通过Javascript模拟HTML5拖放的建议方法如下。在您需要同时加载这两个文件“jquery”_助手.js和“拖放”_助手.js“在项目目录中。在

尝试给出文件的完整路径&＃xff0c;如下面的代码所示。在

from selenium import webdriver

jquery_url &＃61; "http://code.jquery.com/jquery-1.11.2.min.js"

driver &＃61; webdriver.Firefox()

driver.get("http://html5demos.com/drag")

driver.set_script_timeout(30)

jquery_file &＃61; "D:\\projectfolder\\jquery_load_helper.js"

drag_file &＃61; "D:\\projectfolder\\drag_and_drop_helper.js"

# load jquery helper

with open(jquery_file) as f:

load_jquery_js &＃61; f.read()

# load drag and drop helper

with open(drag_file) as f:

drag_and_drop_js &＃61; f.read()

# load jquery

driver.execute_script(load_jquery_js, jquery_url)

# perform drag&drop

driver.execute_script(drag_and_drop_js &＃43; "$(&＃39;#one&＃39;).simulateDragDrop({ dropTarget: &＃39;#bin&＃39;});")&＃xff1b;和13&＃xff1b;和13&＃xff1b;

“jquery_load”的代码_助手.js“是&＃xff1a;

和13&＃xff1b;和13&＃xff1b;

“拖放”代码_助手.js“是&＃xff1a;

(function( $ ) {

$.fn.simulateDragDrop &＃61; function(options) {

return this.each(function() {

new $.simulateDragDrop(this, options);

});

};

$.simulateDragDrop &＃61; function(elem, options) {

this.options &＃61; options;

this.simulateEvent(elem, options);

};

$.extend($.simulateDragDrop.prototype, {

simulateEvent: function(elem, options) {

/*Simulating drag start*/

var type &＃61; &＃39;dragstart&＃39;;

var event &＃61; this.createEvent(type);

this.dispatchEvent(elem, type, event);

/*Simulating drop*/

type &＃61; &＃39;drop&＃39;;

var dropEvent &＃61; this.createEvent(type, {});

dropEvent.dataTransfer &＃61; event.dataTransfer;

this.dispatchEvent($(options.dropTarget)[0], type, dropEvent);

/*Simulating drag end*/

type &＃61; &＃39;dragend&＃39;;

var dragEndEvent &＃61; this.createEvent(type, {});

dragEndEvent.dataTransfer &＃61; event.dataTransfer;

this.dispatchEvent(elem, type, dragEndEvent);

},

createEvent: function(type) {

var event &＃61; document.createEvent("CustomEvent");

event.initCustomEvent(type, true, true, null);

event.dataTransfer &＃61; {

data: {

},

setData: function(type, val){

this.data[type] &＃61; val;

},

getData: function(type){

return this.data[type];

}

};

return event;

},

dispatchEvent: function(elem, type, event) {

if(elem.dispatchEvent) {

elem.dispatchEvent(event);

}else if( elem.fireEvent ) {

elem.fireEvent("on"&＃43;type, event);

}

}

});

})(jQuery);&＃xff1b;和13&＃xff1b;