Tag: javascript

使用javascript查找的当前行的值

如何找到textarea当前行的值? 我知道我必须找到插入符号位置,然后找到它之前的所有内容直到最后\ n以及它之后的所有内容到下一个\ n。 我怎样才能做到这一点?

当密钥被保持时,jQuery keypress事件会反复触发 – 但不会在所有密钥上触发

这可能是预期的行为,或者至少不是jQuery / js问题,但我想要澄清是否有任何问题。 请采取以下措施: $(document).bind(‘keypress’, function(e){ switch(e.keyCode) { case 37: console.log(‘left cursor keydown, will fire on hold’); break; case 39: console.log(‘right cursor keydown, will fire on hold’); break; case 80: console.log(‘p will only fire once per press!’); break; } }); 你也可以在jQuery的文档中使用这个例子: http : //api.jquery.com/keypress/ 当按下左或右光标(或许多其他键,如A,E,[,等)时,事件将触发,您将在控制台中收到一条漂亮的日志消息。 所有罚款和预期。 但是,现在尝试按住键 – 在短暂停顿后,您将看到当您按住键时keydown事件会多次触发,但是如果您尝试按下p (或者,例如, j ),它将只会触发一旦。 我正在使用FF 9.0.1和mac OSX […]

为什么脚本在Firebug的命令行中在一个站点上工作而在另一个站点上不工作?

我使用Firefox和Firebug的命令行在两个不同的站点上执行JavaScript: https://graph.facebook.com/v2.3/172727819415642/albums?fields=id,name,cover_photo,photos%7Bname,source%7D&limit=1&access_token=xxxxx http://www.iskcondesiretree.com/photo/album/list 这是代码: (function() { function r() { a = $(“body”).text() console.log(a); }; var e = “1.6.4”; var t = false; if (!t) { t = true; var n = document.createElement(“script”); n.src = “https://ajax.googleapis.com/ajax/libs/jquery/” + e + “/jquery.min.js”; n.onload = function() { r(); }; document.getElementsByTagName(“head”)[0].appendChild(n); }; })(); 当我在站点1上的Firebug命令行中运行此代码时,它返回以下错误: TypeError:$(…)。text()不是函数 当我运行这个代码站点2它工作正常。 它显示了网站上的大量文字。 有趣的是,如果我将$更改$ jQuery它也可以在站点1上运行。 谁能告诉我们发生了什么? […]

当firebug说它是34时,为什么jquery会为offsetHeight返回0?

所以我有一个div,其内容是在运行时生成的,它最初没有与之关联的高度。 当它根据firebug生成时,我可以通过js警告,div仍然具有0的高度。但是,用firebug查看只读属性我可以看到它的偏移高度为34.这个值是我需要。 希望它是显而易见的,但如果不是,这个数字是可变的,它并不总是38。 所以,我认为我可以通过jquery做到这一点https://stackoverflow.com/questions/636474/why-would-jquery-return-0-for-an-offsetheight-when-firebug-says-its-34/…https://stackoverflow.com/questions/636474/why-would-jquery-return-0-for-an-offsetheight-when-firebug-says-its-34/… $(“#parentDiv”).attr(‘offsetHeight’); 或者用直js https://stackoverflow.com/questions/636474/why-would-jquery-return-0-for-an-offsetheight-when-firebug-says-its-34/… document.getElementById(“parentDiv”).offsetHeight; 但是返回的所有内容都是0.它是否与偏移高度在此实例中是只读属性这一事实有关? 我怎样才能达到这个高度? 我的意思是萤火虫以某种方式搞清楚它似乎我应该能够。 编辑:以下是div现在的样子https://stackoverflow.com/questions/636474/why-would-jquery-return-0-for-an-offsetheight-when-firebug-says-its-34/…https://stackoverflow.com/questions/636474/why-would-jquery-return-0-for-an-offsetheight-when-firebug-says-its-34/… 此代码由单独库中的控件生成。 所以这是在我的.aspx页面中创建它的实际代码。 好吧,它略有编辑,但是比我之前的HTML要多得多。 我之前称为“parentDiv”的div在那里被称为“ctl00_BodyContentPlaceHolder_UserControl”。 该代码包括有问题的div,它是兄弟姐妹,父母,祖父母和孩子。 这几乎是萤火虫的直接拷贝。 更新:我应该提到这是在IE 7中完成的。它似乎在Firefox中运行一次,但它现在返回0。 这是否提供了可能的解决方法或任何内容的任何新见解? https://stackoverflow.com/questions/636474/why-would-jquery-return-0-for-an-offsetheight-when-firebug-says-its-34/…https://stackoverflow.com/questions/636474/why-would-jquery-return-0-for-an-offsetheight-when-firebug-says-its-34/…你们都必须认为我疯了。 更新:一些造型https://stackoverflow.com/questions/636474/why-would-jquery-return-0-for-an-offsetheight-when-firebug-says-its-34/…https://stackoverflow.com/questions/636474/why-would-jquery-return-0-for-an-offsetheight-when-firebug-says-its-34/… .TransparentBg { background-color: white; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } .Foreground { position: absolute; top: 0px; }

如何将带有图像的canvas保存到PNG文件

我使用以下代码 canvas和图像的HTML代码 用于从服务器获取图像并在canvas上显示然后显示图像的JavaScript代码 var canvas = document.getElementById(“myCanvas”); var ctx = canvas.getContext(“2d”); baseimage = new Image(); baseimage.src = ‘what.jpg’; baseimage.onload = function() { ctx.drawImage(baseimage,1,1); } var dataURL = canvas.toDataURL(“image/png”); document.getElementById(‘canvasImg’).src = dataURL; $(“#myCanvas”).show(); 正在显示图像,但没有“what.jpg”文件。 在Canvas上,文件是可见的,但在IMG标签中没有任何东西可以看到。 我在最新版本的Chrome上运行此function。

如何使用jquery-i18n-properties和JavaScript动态更改语言?

我正在使用jquery-i18n-properties插件向我的网站提供i18n。 我已经更改了我的HTML并执行以下操作以加载所需的.properties: jQuery.i18n.properties({ name: ‘Messages’, path: ‘bundle/’, mode: ‘both’, language: lang, callback: function() { $(“#msg_welcome”).text(jQuery.i18n.prop(‘msg_welcome’)); … } }); 一切正常。 我现在要做的是允许用户按下按钮更改语言。 有没有办法只使用javascript或这个插件,而无需重新加载页面? 谢谢。

递归搜索JSON或Javascript对象

例如: [{ id:’our-purpose’, title:’Our Purpose’, slug:’/our-purpose’, backgroundImage:’images/bg-our-purpose.jpg’, showInNav:1 }, { id:’our-people’, title:’Our People’, slug:’/our-people’, backgroundImage:’images/bg-our-people.jpg’, showInNav:1, subpages:[ { id:’attorneys’, title:’Attorneys’, slug:’/our-people/attorneys’, subpages:[ { id:’attorneys-cdb’, title:’Attorneys – Carla DeLoach Bryant’, slug:’/our-people/attorneys/carla’ }, { id:’attorneys-jad’, title:’Attorneys – Jordan A. DeLoach’, slug:’/our-people/attorneys/jordan’ }, { id:’attorneys-shh’, title:’Attorneys – Sarah H. Hayford’, slug:’/our-people/attorneys/sarah’ }, { id:’attorneys-jsp’, title:’Attorneys – Jason S. […]

jQuery选择没有类或ID的元素

试图找到一个选择器来获取既没有类也没有设置id的所有元素。 到目前为止,我有2个不同的输出,具体取决于选择器中是否有空格: // outputs var noID = $(‘*:not([id])’);// 144 – may have a class var noClass = $(‘*:not([class])’); // 100 – may have an id var withSpace = $(‘*:not([id]) *:not([class])’); // 99 ? var noSpace= $(‘*:not([id])*:not([class])’); // 84 ? 哪一个是正确的,我的猜测是noSpace – 但我不知道。 以前有人试过吗? 我的猜测是,对于空格,选择器进入没有ID的标签内,并选择没有与之关联的类的子元素。 并且noSpace结果是正确的结果,因为它只选择既没有类也没有id的元素。 有人可以validation吗? 谢谢! 回答 使用此选择器可以查找既没有类也没有与之关联的id的元素。 $(‘*:not([id]):not([class])’); 奖金: $(‘body *:not([id]):not([class])’); – 如果您只想处理实际内容

为什么hover在委派的事件处理程序中不起作用?

我正在动态添加一些元素,并在委托的事件处理程序中为它分配一个hover属性,我在下面的代码中使用它并且它不起作用。 $(document).on(“hover”, “.sec_close_fast”, function() { $(this).parent(‘div’).parent(‘div’).css(“border”, “3px solid #000000”); }); 然后我使用mouseover它工作: $(document).on(“mouseover”, “.sec_close_fast”, function() { $(this).parent(‘div’).parent(‘div’).css(“border”, “3px solid #000000”); }); 我想知道为什么hover不起作用,但mouseover不起作用。

jQuery ajax成功不适用于$(this)?

我一直在使用jQuery中的ajax工具,并且在执行我的ajax成功时遇到了使用$(this)的问题。 我想知道是否有可能在你的成功中使用$(this),因为我见过教程使用它但是当我尝试使用它时它不起作用…但是如果我使用$(文档)或其他方法来获取我希望它的对象工作正常…任何帮助将不胜感激,因为我是jQuery的新手! 提前致谢! 我玩的代码如下: $(“.markRead”).click(function() { var cId = $(this).parents(“div”).parents(“div”).find(“#cId”).val(); var field = “IsRead”; $.ajax({ type: “POST”, url: “ajax/contract_buttons.php”, dataType: “text”, data: “contractId=” + cId + “&updateField=” + field, async: false, success: function(response) { //$(this) doesnt recognize the calling object when in the success function… $(this).find(“img”).attr(“src”, “images/read.png”); }, error: function(xhr, ajaxOptions, thrownError) { alert(xhr.statusText); alert(thrownError); […]