我正在尝试在 Jquery Ui 元素的监听器函数中获取事件对象。 我实际上是用 dart 语言编程并使用 js 包(dart:js) 这是一个例子:
示例.html:
<script async type="application/dart" src="Example.dart"></script>
<script async src="packages/browser/dart.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
<div id="container">
<canvas id="stage" width="500px" height="500px"></canvas>
</div>
<div id="menu">
<button id="btnImport">Button Import</button>
<div id="slider-1"></div>
</div>
示例.dart:
import 'dart:html';
import 'dart:js' as js;
void main() {
js.JsObject slider_1 = js.context.callMethod("\$", ['#slider-1']);
slider_1.callMethod('slider');
slider_1.callMethod("on",["slidechange",_onSliderChange]);
}
void _onSliderChange(js.JsObject obj1,js.JsObject obj2) {
}
如何在_onSliderChange函数中检索slidechange事件的事件对象? JsOjbect 并没有真正帮助我...... 泰
最佳答案
如果我理解正确的话,你无法检索事件本身,而只是一个 jquery 事件的 js 版本(不是 native dom 事件),所以你需要知道根据 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
}
当您移动 slider 时,应该显示类似的内容
div (:1)
5 (:1)
正如你所说,有时很难处理/调试 JsObject,所以我编写了一些帮助程序将此类对象转换为 dart 集合(列表或映射),以便在此处进行调试 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)
您可以在其中找到您想要的事件属性(property)
关于jquery - Dart 中的事件 Jquery UI,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25570223/