如果我理解正確的話,你不能檢索事件本身只是一個jQuery事件(不是原生DOM事件)的JS版本,所以你需要知道如何看起來像讀你根據文檔所需的財產http://api.jqueryui.com/slider/#event-change
void _onSliderChange(js.JsObject obj1, js.JsObject obj2) {
print(obj1['target']); // <= get the div
print(obj2['value']); // <= get the value
}
應該顯示,當你移動滑塊,像
div (:1)
5 (:1)
正如你所說的,有時很難對付/日錯誤JsObject所以我寫了一些助手這樣的對象鏢集合(列表或地圖)轉換爲這裏調試目的https://github.com/alextekartik/tekartik_utils.dart/blob/master/lib/src/js_utils/jsobject_converter.dart
void _onSliderChange(js.JsObject obj1,js.JsObject obj2) {
print(jsObjectKeys(obj1));
print(jsObjectAsCollection(obj1));
}
應該顯示像
[originalEvent, type, isDefaultPrevented, timeStamp, jQuery110207535289276856929, target, toElement, screenY, screenX, pageY, pageX, offsetY, offsetX, fromElement, clientY, clientX, buttons, button, which, view, shiftKey, relatedTarget, metaKey, eventPhase, currentTarget, ctrlKey, cancelable, bubbles, altKey, delegateTarget, handleObj, data, isTrigger, namespace, namespace_re, result] (:1)
{originalEvent: {originalEvent: Instance of 'MouseEvent', type: mouseup, isDefaultPrevented: {}, timeStamp: 1409328507659, jQuery110207535289276856929: true, toElement: span, screenY: 624, screenX: 115, pageY: 545, pageX: 110, offsetY: 16, offsetX: 15, fromElement: null, clientY: 545, clientX: 110, buttons: null, button: 0, which: 1, view: <window>, target: span, shiftKey: false, relatedTarget: null, metaKey: false, eventPhase: 3, currentTarget: Instance of 'HtmlDocument', ctrlKey: false, cancelable: true, bubbles: true, altKey: false, delegateTarget: Instance of 'HtmlDocument', handleObj: {type: mouseup, origType: mouseup, data: null, handler: {guid: 23}, guid: 23, selector: null, needsContext: null, namespace: slider}, data: null}, type: slidechange, isDefaultPrevented: {}, timeStamp: 1409328507659, jQuery110207535289276856929: true, target: div, toElement: span, screenY: 624, screenX: 115, pageY: 545, pageX: 110, offsetY: 16, offsetX: 15, fromElement: null, clientY: 545, clientX: 110, buttons: null, button: 0, which: 1, view: <window>, shiftKey: false, relatedTarget: null, metaKey: false, eventPhase: 3, currentTarget: div, ctrlKey: false, cancelable: true, bubbles: true, altKey: false, delegateTarget: div, handleObj: {type: slidechange, origType: slidechange, data: null, handler: {guid: 17}, guid: 17, selector: null, needsContext: null, namespace: }, data: null, isTrigger: 3, namespace: , namespace_re: null, result: null} (:1)
的東西,你可能可以找到物業你想從事件
我只是研究有一個正常的事件監聽器的反應。 我習慣於在函數監聽器中接收Event對象並使用它。 在你的回答中,我的調試器永遠不會去「var event ..」行。 監聽器似乎並沒有用querySelector初始化。 我將使用Jquery UI元素並在飛鏢中使用它。 – baik 2014-08-29 14:44:00
你能提供一個到你使用的jquery-ui元素API文檔的鏈接嗎?如果它是http://api.jqueryui.com/slider/它不會觸發'slidechange'事件。也許你想聽'change'事件。 – 2014-08-29 14:50:30
我剛試過你的代碼,當我移動旋鈕時調用_onSliderChange。 – 2014-08-29 15:21:28