Tag: JavaScript

单击鼠标select所有的DIV文本: 当用户点击DIV时，如何突出显示/selectDIV标签的内容…这个想法是所有的文本都被突出显示/select，所以用户不需要用鼠标手动突出显示文本错过了一些文字？例如，说我们有一个DIV如下： <div id="selectable">http://example.com/page.htm</div> …当用户点击任何一个URL时，整个URL文本都会被突出显示，这样他们就可以轻松地在浏览器中拖动所选的文本，或者用右键单击复制完整的URL。谢谢！

HTMLinput文件select事件在select相同的文件时不会触发: 有没有机会检测到用户为HTMLtypes的file元素的input做出的每个文件select？这被问了很多次，但是如果用户再次select相同的文件，通常build议的onchange事件不会被触发。

jQuery获取textarea文本: 最近我已经开始玩jQuery，并且一直在跟随几个教程。现在我觉得使用它的能力有些微弱（这很容易），而且我觉得如果我能够在我的网页上做一个“控制台”，就会很酷（就像你在FPS游戏中按键一样，等等），然后让Ajax自己回到服务器，以便做些事情。我原本以为最好的方法是只获得textarea内的文本，然后拆分它，或者我应该使用keyup事件，将键码返回到一个ASCII字符，将字符附加到一个string，并发送string服务器（然后清空string）。我找不到从textarea获取文本的任何信息，我得到的只是keyup信息。另外，我怎样才能将键码返回到ASCII字符？

我怎样才能确定如果图像已经加载，使用Javascript / jQuery？: 我正在写一些JavaScript来调整大的图像，以适应用户的浏览器窗口。（我不能控制源图像的大小。）所以像这样的东西会在HTML中： <img id="photo" src="a_really_big_file.jpg" alt="this is some alt text" title="this is some title text" /> 有没有一种方法可以确定是否已经下载了img标签中的src图像？我需要这个，因为如果在浏览器加载图像之前执行$(document).ready()我会遇到问题。 $("#photo").width()和$("#photo").height()将返回占位符（alt文本）的大小。在我的情况下，这是像134×20。现在我只是检查照片的高度是否小于150，并假设如果是这样，它只是文字。但是，这是一个相当黑客，如果一张照片小于150像素（不可能在我的具体情况下），或者如果alt文本高于150像素（可能发生在一个小的浏览器窗口）。编辑：任何人想看到的代码： $(function() { var REAL_WIDTH = $("#photo").width(); var REAL_HEIGHT = $("#photo").height(); $(window).resize(adjust_photo_size); adjust_photo_size(); function adjust_photo_size() { if(REAL_HEIGHT < 150) { REAL_WIDTH = $("#photo").width(); REAL_HEIGHT = $("#photo").height(); if(REAL_HEIGHT < 150) { //image […]

JavaScript中精确的财务计算。什么是陷阱？: 为了创build跨平台的代码，我想开发一个简单的JavaScript应用程序。所需的计算涉及复利和相对较长的十进制数。我想知道在使用JavaScript来完成这种math运算时要避免哪些错误 – 如果可能的话！

AngularJs – 取消路线变更事件: 如何取消AngularJs中的路由更改事件？我目前的代码是 $rootScope.$on("$routeChangeStart", function (event, next, current) { // do some validation checks if(validation checks fails){ console.log("validation failed"); window.history.back(); // Cancel Route Change and stay on current page } }); 即使validation失败，Angular也会提取下一个模板和关联的数据，然后立即切换回上一个视图/路由。如果validation失败，我不希望拉动下一个模板和数据，理想情况是不应该有window.history.back（）。我什至试过event.preventDefault（）但没用。

我如何将这个上下文传递给一个函数？: 我认为这将是我可以轻松谷歌，但也许我不是问正确的问题… 如何在给定的JavaScript函数中设置“this”引用的内容？比如像jQuery的大部分函数一样，比如： $(selector).each(function() { //$(this) gives me access to whatever selector we're on }); 如何在调用时自己写/调用具有适当的“this”引用的独立函数？我使用jQuery，所以如果有一个特定于jQuery的方法，那就太理想了。

使用Javascript检索二进制文件内容，base64对其进行编码并使用Python进行反向解码: 我试图使用XMLHttpRequest （使用最近的Webkit）下载一个二进制文件，并使用这个简单的函数对它的内容进行base64编码： function getBinary(file){ var xhr = new XMLHttpRequest(); xhr.open("GET", file, false); xhr.overrideMimeType("text/plain; charset=x-user-defined"); xhr.send(null); return xhr.responseText; } function base64encode(binary) { return btoa(unescape(encodeURIComponent(binary))); } var binary = getBinary('http://some.tld/sample.pdf'); var base64encoded = base64encode(binary); 作为一个侧面说明，以上所有内容都是标准的Javascript东西，包括btoa()和encodeURIComponent() ： https ： //developer.mozilla.org/en/DOM/window.btoa 这工作相当顺利，我甚至可以使用Javascript解码base64内容： function base64decode(base64) { return decodeURIComponent(escape(atob(base64))); } var decodedBinary = base64decode(base64encoded); decodedBinary === binary // true 现在，我想使用Python解码base64编码的内容，它使用一些JSONstring来获得base64编码的string值。天真地这就是我所做的： […]

如何使用jQuery检测页面的滚动位置: 我有我的网站下面的jQueryfunction，它是这样做的，它使用window.scroll()函数来识别何时更改窗口的位置更改和更改调用几个函数从服务器加载数据。问题是.scroll()函数只要在滚动位置和加载数据在底部有一点变化就立即被调用，但是我希望实现的是当滚动/页面位置到达底部时加载新的数据，就像Facebook feed一样。但我不知道如何使用jQuery检测滚动位置？ function getData() { $.getJSON('Get/GetData?no=1', function (responseText) { //Load some data from the server }) }; $(window).scroll(function () { getData(); });

HTMLbutton不提交表单: 我有一个表格。在表格之外，我有一个button。一个简单的button，像这样： <button>My Button</button> 不过，当我点击它时，它会提交表单。代码如下： <form id="myform"> <input /> </form> <button>My Button</button> 所有这个button应该做的是一些JavaScript。但即使看起来像上面的代码，它也会提交表单。当我改变标签button来跨越，它完美的作品。但不幸的是，它需要是一个button。有没有办法阻止提交表单的button？像例如 <button onclick="document.getElementById('myform').doNotSubmit();">My Button</button>