将变量从JavaFx传递到JavaScript &编写代码来触发按钮

Pass variable from JavaFx to JavaScript & Write code to trigger the button

本文关键字：代码 按钮 JavaScript 变量 JavaFx      更新时间：2023-09-26

我尝试写一个程序在JavaFx和JavaScript/JQuery之间进行通信。我希望我的程序像下面这样工作，

一个角色(例如'a')通过用户输入传递给JavaFx，然后这个字符'a'被传递给JavaScript。在JavaScript/JQuery中，有五个按钮，它们的标签有一个不同的字符。例如，按钮A的标签为"A";按钮B有标签"B"，等等。然后JavaScript/JQuery发现'a'匹配，然后点击按钮a。

我被卡住了1. 如何将变量从JavaFx传递到JavaScript。我知道如何将变量从JavaScript传递到JavaFx。

2如何使按钮触发时，有一个匹配。通常，用户单击按钮来触发操作。在代码中，会有类似于click(this)的东西。

任何建议都将不胜感激。

您需要使用触发器事件触发器

$(document).ready(function(){
$('#input').on('keyup',function(){
var textInput = $(this).val().trim().toLowerCase();
  if(textInput=="a"){
    $('#a').trigger('click');
    }
  if(textInput=="b"){
     $('#b').trigger('click');
    }
  if(textInput=="c"){
     $('#c').trigger('click');
    }
  if(textInput=="d"){
     $('#d').trigger('click');
    }
  if(textInput=="e"){
     $('#e').trigger('click');
    }
 
})
  $('#a').on('click',function(){
  alert("a");
  });
    $('#b').on('click',function(){
  alert("b");
  })
      $('#c').on('click',function(){
  alert("c");
  })
        $('#d').on('click',function(){
  alert("d");
  })
          $('#e').on('click',function(){
  alert("e");
  })
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="input"><br><br>
<button id="a">A</button><button id="b">B</button><button id="c">C</button><button id="d">D</button><button id="e">E</button>

如果你想通过代码点击一个按钮，那么只需这样做:

$("#myButtonId").click();

此代码将点击id为myButtonId的按钮

相关文章：