如何使用 Dart 获取单击元素的文本内容?

Ale*_*Vaz 1 dart dart-webui

我正在使用 dart 开发一个应用程序,我想获取被点击元素的值。IE:

网址:

<div id="blah">Value!!</div>
Run Code Online (Sandbox Code Playgroud)

镖:

void main(){
    query("#blah").onClick.listen(showValue);
}

void showValue(Event e){
   //Get #blah's innerHtml based on the Event(Something like e.target.innerHtml or e.target.value)
}
Run Code Online (Sandbox Code Playgroud)

任何人?我知道如何在 JS 中做到这一点,但我想知道是否有办法在 DART 中做到这一点!

编辑

谢谢大家,我会尽量说得更清楚一点。我有一个动态生成 9 个元素并将它们添加到容器的循环。

代码:

var j = 0;
  var optionsSquare = query("#optionsPanel");
    while(j < 9){
      DivElement minorSquare = new DivElement();

      var minorSquareHeight = optionsSquare.clientHeight/3;
      var minorSquareWidth = optionsSquare.clientWidth/3;

      minorSquare
       ..attributes = {"class": "miniSugg"}
       ..style.width = (minorSquareWidth.round()-2).toString().concat("px")
       ..style.height = (minorSquareHeight.round()-2).toString().concat("px")
       ..style.float = "left"
       ..style.border = "1px solid"
       ..innerHtml = (j+1).toString();
       ..onClick.listen(showOptionsSquare);

      optionsSquare.children.add(minorSquare);
      j++;
    }
Run Code Online (Sandbox Code Playgroud)

如果我尝试使用@Pandian 的方式,它可以工作,但我只获得循环内最后一个元素的值。我想要的是以某种方式追踪点击的元素并获得它的价值!

编辑 2

各位,刚刚解决了!

如果有人需要此信息,我会将此处的代码作为回购:

void showOptionsSquare(Event e){
  window.location.hash = "#optionsPanel";
  mainDiv.style.opacity = (0.2).toString();

  DivElement clicked = e.target;
  window.alert(clicked.innerHtml);
}
Run Code Online (Sandbox Code Playgroud)

[] 的

Den*_*low 5

使用您的示例代码,您可以编写

print(e.target.innerHtml);
Run Code Online (Sandbox Code Playgroud)

在您的showValue功能内部,它会起作用。你得到一个错误或什么?如果您担心警告,您可以向Elementor添加演员表DivElement

print((e.target as Element).innerHtml);
Run Code Online (Sandbox Code Playgroud)