Question

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

我有一个按钮（帮助）。一旦用户点击该按钮，监听器就会监听用户在页面上的下一个位置，并且我希望提取元素信息。

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

jquery和javascript的新功能到目前为止，还不确定如何继续或更改

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

请帮助我。

Answer 1

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

你可以保持一个局部变量说blIsHelpActivated，点击你的帮助按钮得到真/假。当激活帮助按钮时，您可以将该变量设置为true，当它被取消激活时，您可以将其设置为false。

现在，您可以附加页面上控件的点击事件。在那里你需要检查那个变量并在搜索部分的值为真时进行搜索。

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.
    }
});

另外，您可以为每个元素应用一个通用的单个类，并且可以使用下面的代码，而不是将click事件附加到每个元素。

 // 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.
    }
});

Answer 2

我可以提供一些关于如何解决这个问题的提示，但你必须学习js / jquery才能做到这一点：

单击帮助按钮将onclick事件处理程序绑定到body标记。
检测到单击时，找到目标元素，并获取目标元素的文本。（如果您不希望进行其他操作，可以防止默认）。
使用此文本调用搜索（如果那是您计划使用的，可以使用ajax）。
如果您希望此操作仅绑定一次，则取消绑定主体中的click事件处理程序。或者提供一个按钮，为您解除绑定。

请注意，如果您的元素是一个可能意味着很多信息的段落。

希望这有帮助。

创建一个帮助点击功能jquery / javascript

2 个答案: