Tag: javascript events

如何等到内部function？

我正在使用Javascript / jQuery进行一些初学者编码并遇到问题。 长话短说： 我在页面上有一个元素应该忽略任何点击; 一旦调用它的特定function应该等到n次点击; 函数应该执行一些代码; 完成所有后，元素应该再次忽略点击。 我尝试使用setInterval（）/ clearInterval（），但没有成功。 请帮我 ：） PS：一种方法是使用新代码重新加载页面，但这不适合我的情况。 UPD： var select = function() { /*once called this function should enable clicks on toggling its class to yellow and once both cells are yellow clicking should be disabled*/ }; $(document).ready(function(){ $(“button[name=start]”).click(function(){ select(); }); }); http://jsfiddle.net/superiorbanana/Z53EU/ 。 希望这一小段代码能够澄清这个想法。

使用冒泡（JavaScript / jQuery）将事件处理程序绑定到特定元素

我正在开发一个近似于Firebug检查工具function的项目。 也就是说，当鼠标hover在页面上的元素上时，我想突出显示它们（通过更改它们的背景颜色），当它们被单击时，我想执行一个构建可以使用的CSS选择器的函数识别它们。 但是，我一直遇到与事件冒泡有关的问题，并且彻底弄糊涂了我自己。 而不是让你沿着这条路走下去，只是为了解释我正在尝试做什么并寻求一些帮助，这可能是有意义的。 以下是一些规格： 我只对包含文本节点的元素（或带有文本节点的任何后代元素）感兴趣。 当鼠标进入这样的元素时，请更改其背景颜色。 当鼠标离开该元素时，将其背景颜色更改回原来的颜色。 单击元素时，执行为该元素构建CSS选择器的函数。 我不希望鼠标hover在元素的边缘区域上作为该元素的鼠标hover，但是对于下面的元素（我认为这是默认的浏览器行为？）。 我可以处理突出显示/取消突出显示的代码，并构建CSS选择器。 我主要遇到的问题是有效地将事件处理程序绑定到我想要突出显示/可点击的元素，并避免/停止冒泡，以便鼠标hover在（ ）元素上也不会执行处理函数例如，。 我认为正确的方法是将事件处理程序绑定到document元素，然后以某种方式使用bubbling只执行最顶层元素的绑定函数，但我不知道代码是什么样的，那真的是我可以在哪里使用帮助。 我正在使用jQuery，并希望尽可能地依赖它。 提前感谢任何指导！

在每个turbolinks页面中使用jQuery的委托事件on（）：load

我在rails应用程序中有这个代码： $(document).ready( function() { myCustomFunction(“#link-selector”); } function myCustomFunction(linkCssSelector){ // some stuff… $(document).on(‘click’, linkCssSelector, function(){ // …some other stuff… }); } click事件处理已经委托给文档 ，但现在我必须将Turbolinks添加到我的应用程序中。 然后，我将采用ready()函数并执行以下操作（基于我的搜索）： $(document).on(“ready page:load”, function() { myCustomFunction(“#link-selector”); } 但是一些引用告诉我不要在页面加载中添加绑定，因为它会在每次turbolinks加载某些东西时创建另一个绑定。 那是非常合理的。 但是，就我而言，我已经将click事件委托给myCustomFuntion document 。 问题是：每次页面加载时都可以on()函数on()运行此事件委托吗？ Obs ：问题也可以改写：在很多页面加载之后，这段代码长期会造成麻烦吗？ Obs 2：我无法从myCustomFunction获取click事件处理，因为它取决于之前完成的计算。

是否准备好jQuery ready事件？

我在页面上使用jQuery $(document).ready()事件。 一切都很好，除非我使用Ajax调用加载数据， $(document).ready()事件不会触发。 我猜它的行为是因为页面已经加载了，我只是从Ajax响应向DOM添加更多数据。 我怎样才能重现ready活动？

Javascript Reg Expression替换URL中的Get Parameter

使用正则表达式，我想编写一个将采用URL和参数名称的函数： ReplaceParamValueinURL (url, param, value) 。 如果参数存在，它将替换URL中的值。 如果参数不存在，则会将其与值一起添加到URL中。 如果参数不存在值，则会将该值添加到参数中。 是否有一种优雅的方式来完成正则表达式中的所有三种查找和替换？ ReplaceParamValueinURL (“http://google.com?a=1&b=2&c=3, a , 4) returns http://google.com?a=4&b=2&c=3 ReplaceParamValueinURL (“http://google.com?a=1&b=2&c=3, a , 4) returns http://google.com?a=4&b=2&c=3 ReplaceParamValueinURL (“http://google.com?a=1&b=2&c=3, c , 4) returns http://google.com?a=1&b=2&c=4 ReplaceParamValueinURL (“http://google.com?a=1&b=2&c=3, d , 5) returns http://google.com?a=1&b=2&c=3&d=5 ReplaceParamValueinURL (“http://google.com?aaa=0&a=1&b=2&c=3, a , 6) returns http://google.com?aaa=0&a=6&b=2&c=3 ReplaceParamValueinURL (“http://google.com?a=1&b&c=3, b , 2) returns http://google.com?a=1&b=2&c=3 I am hoping […]

捕获iframe jQuery中的所有事件并进行复制

这是个问题： 我有一个显示任何网页的iframe（不一定由我开发）。 在这个页面上可能是附加事件（大概我不知道）。 如何动态拦截这些事件并存储它们以供以后复制？ 例如：假设当鼠标移过某个div时它会改变颜色。 我想确保当你触发将颜色改变为div的事件时，它会“注册”所有A系列信息，这些信息将允许我（无需用户交互）在以后复制它。 想法？ 用于记录和后续复制

如何通过单击jQuery中的子按钮来隐藏父元素

嗨，我有以下HTML代码，我想隐藏div与类editfield和editfieldlink链接，并显示div与类值。 我试着遵循它不适合我的jQuery代码。 但是如果我像这样的语句隐藏一个父，那就行了。$（this）.closest（’div.editfield’）。parent（）。hide（）; Name ALI ASAD First Name Last Name Save Changes Cancel Edit 而我的Java脚本就像 $(document).ready(function(e) { $(‘#settingseditor .cancelactionsettings’).click(function(event) { event.preventDefault(); $(this).closest(‘div.editfield’).hide(); $(this).closest(‘div.value’).show(); $(this).closest(‘a.editfieldlink’).hide(); }); }）;

识别Javascript onhover上的单词

我正在浏览stackoverflow并遇到了这个链接（ 如何使用JavaScript获取光标下的单词？ ） 他们有代码： Each word will be wrapped in a span. A second paragraph here. Word: $(function() { // wrap words in spans $(‘p’).each(function() { var $this = $(this); $this.html($this.text().replace(/\b(\w+)\b/g, “$1″)); }); // bind to each span $(‘p span’).hover( function() { $(‘#word’).text($(this).css(‘background-color’,’#ffff66′).text()); }, function() { $(‘#word’).text(”); $(this).css(‘background-color’,”); } ); }); 当我尝试这个时，我意识到这个代码只适用于段落标签。 我应该如何编辑此代码的Javascript / Regex以使其工作所有标签（h1，h2，h3）？ […]

使用javascript点击按钮，阅读并显示文本文件内容

单击一个名为“result”的按钮，我想使用java脚本函数读取并显示一个文本文件（存在于我的本地驱动器位置中： C：\ test.txt ）并显示test.txt文件内容HTML文本区域。 我是java脚本的新手，有人可以建议java脚本函数的代码来读取和显示.txt文件的内容吗？ 谢谢并尊重Deb

使用JavaScript操作剪贴板会破坏格式化

我正在编写一个脚本来附加链接到用户剪贴板的属性 – 类似于您从Tynt看到的function。 从function上讲，下面的脚本工作正常，只是它删除换行符和格式。 无论如何要保留 – 至少 – 换行？ function addLinktoCopy() { // Define tracking parameter var trackingparam = “source=copypaste”; // Set document body as body_element variable var body_element = document.getElementsByTagName(‘body’)[0]; // Create a selection variable to store copied value var selection; // Populate selection variable with user’s selected copy selection = window.getSelection(); // Create […]