javascript - 创建一个帮助点击函数 jquery/javascript

Question

我想在网站上创建帮助功能。

我有一个按钮(帮助)。一旦用户单击该按钮，监听器就会监听用户在页面上单击下一个位置，我希望提取该元素信息。

我可以使用此信息在另一个网站上进行搜索。

jquery 和 javascript 新手到目前为止都有这个，不知道如何继续或更改

$("#help" ).on( "click", function() {
     alert( $( this ).text() );
});
$( "#help").trigger( "click" );

请帮我解决这个问题。

Answer 1

如果您需要此功能的元素较少，则可以使用此方法。

您可以保留一个局部变量，例如 blIsHelpActivated，在单击帮助按钮时该变量会变为 true/false。当帮助按钮被激活时，您可以将该变量设置为 true，当其未激活时，您可以将其设置为 false。

现在您可以附加页面上控件的单击事件。因为您需要检查该变量并在其值为 true 时执行搜索部分。

var blIsHelpActivated = false;

$("#help").on("click", function() {
    // Toggle boolean to identify whether help is activated or not.
    if(blIsHelpActivated)
    {
      blIsHelpActivated = false;
    }
    else
    {
      blIsHelpActivated = true;
    }
 });

 // Code to attach click event on elements.
 $("#yourelementid").on("click", function() {
    if(blIsHelpActivated)
    {
      // Your serarching code goes here.
    }
});

或者，您可以将通用的单个类应用于每个元素，并且可以使用以下代码， 而不是将点击事件附加到每个元素。

 // Code to handle click event on elements.
 $(".yourcommonclassname").on("click", function() {
    if(blIsHelpActivated)
    {
      // Fetch current clicked element, by using $(this)
      // And further search based on your logic.
    }
});