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

问题描述：

我想创建一个网站上的帮助功能。创建一个帮助点击功能jquery/javascript

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

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

新将jQuery和JavaScript有这个到目前为止，不知道如何继续或更改

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

请帮助我。

你想要的按钮的值？ '$（this）.val（）' –

请阅读您的问题，至少我，我不明白任何.. –

嗨，我有一个按钮（帮助）。一旦用户点击该按钮，Dom应该听取用户在页面上点击下一步的位置，并且我想要这些元素信息。不确定它是否更清楚，以及英语不是我的第一语言，所以请原谅。 –

答

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

你可以保留一个局部变量，说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. 
    } 
});

Altervatively，你可以申请一个普通的单类每个元素，你可以使用下面的代码，代替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. 
    } 
});

感谢您的答案，不幸的是，我需要这与大多数元素动态工作，因为这将分散在多个页面。 –

我已经更新了使用另一个基于类的方法的答案。请阅读，这将有助于你。将类应用于可搜索的元素不会是一个问题。 –

接受为答案。 –

答

我可以为您提供关于如何去一些这方面的暗示，但是你必须学习JS/jQuery来做到这一点：

上的帮助按钮，点击绑定一个onclick事件处理程序身体标签。
检测到单击时，找到目标元素，并获取目标元素的文本。（如果不希望其他操作发生，也许可以防止默认设置）。
使用此文本调用搜索（阿贾克斯，也许如果多数民众赞成你打算使用）。
如果要将此操作绑定一次，请从主体解除绑定click事件处理程序。或者提供一个按钮来解除您的绑定。

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

希望这会有所帮助。

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

相关推荐