小编Arj*_*jun的帖子

JavaScript事件监听器与事件处理程序

好吧,我一直试图解决这个问题很长一段时间,最后有时间去调查.正如标题所暗示的"有什么区别"?我知道这是我想要的方式.

    addLoadEvent(converter);

// Converter
function converter() {
    var pixels = document.getElementById("pixels");
    pixels.addEventListener("keyup", updateNode, true);
    pixels.addEventListener("keydown", updateNode, true);
}
Run Code Online (Sandbox Code Playgroud)

但这不会,只运行一次.

    addLoadEvent(converter);

// Converter
function converter() {
    var pixels = document.getElementById("pixels");
    pixels.onkeydown = updateNode;
    pixels.onkeyup = updateNode;
}
Run Code Online (Sandbox Code Playgroud)

我缺少的是什么...有什么区别?任何指向该主题的链接都会有所帮助.

我的假设是处理程序应该像监听器一样,但事实并非如此.实际上是否需要将监听器添加到addLoadEvent函数中?

html javascript event-listener dom-events eventhandler

13
推荐指数
1
解决办法
1万
查看次数

添加后选择部分文本

我有这个代码:

$sel = 'lorem ipsum';
jQuery(this).html('<p>Hello world ' + $sel +' great day!');
Run Code Online (Sandbox Code Playgroud)

所以.html()通过ajax添加.

我希望在页面$sel输出文本时选择文本(就像用户用光标突出显示它一样).

我有以下代码来选择元素:

function SelectText(element) {
    var doc = document
        , text = doc.getElementById(element)
        , range, selection
    ;    
    if (doc.body.createTextRange) {
        range = document.body.createTextRange();
        range.moveToElementText(text);
        range.select();
    } else if (window.getSelection) {
        selection = window.getSelection();        
        range = document.createRange();
        range.selectNodeContents(text);
        selection.removeAllRanges();
        selection.addRange(range);
    }
}
Run Code Online (Sandbox Code Playgroud)

如何使用该代码并仅选择其中的文本$sel?因此,输出html并选择$sel部分.

javascript jquery

9
推荐指数
1
解决办法
419
查看次数

如何转义 JavaScript 原始字符串中的反引号?

我有一个原始字符串(使用String.raw方法和模板文字创建),它应该包含几个反斜杠和反引号。由于即使在原始字符串中也需要转义反引号,因此我使用反斜杠来转义它们。虽然它确实转义了反引号,但反斜杠也会随之显示:

let rawString = String.raw`
  __    
 /  |   
 \`| |   
  | |   
 _| |_  
|_____| 


`;

console.log(rawString);
Run Code Online (Sandbox Code Playgroud)

  • 如何转义反引号,使其前面没有多余的反斜杠?

一些澄清

  • 该字符串必须是原始字符串。
  • 反引号是必要的。它们不能用单引号或类似的东西替换。

javascript escaping ecmascript-6 template-literals

9
推荐指数
1
解决办法
2875
查看次数

如何使用OpenWeatherMap API for Javascript?

我正在尝试使用OpenWeatherMap API为javascript创建一个天气应用程序.我的网络应用程序的代码是:

<!DOCTYPE html>
<html> 
    <head>
        <title>Weather</title>
        <script src = "http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.2.min.js"></script>
        <script>
            function gettingJSON(){
                document.write("jquery loaded");
                $.getJSON("api.openweathermap.org/data/2.5/weather?q=London&APPID=ee6596241130f193adf1ba90e625cc10",function(json){
                document.write(json);
            }
        </script>
    </head>
    <body>
        <button id = "getIt" onclick = "gettingJSON()">Get JSON</button>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

我在这里弄错了什么?

javascript weather-api openweathermap

6
推荐指数
1
解决办法
4万
查看次数

为什么开发人员编写没有前缀的CSS动画规则?

我想问一下,因为每个浏览器都有动画前缀,那么开发人员为什么要写一个没有任何前缀的属性.看看这个来自w3schools.com的例子:

div {
    -ms-transform: scale(0.5,0.5); /* IE 9 */
    -webkit-transform: scale(0.5,0.5); /* Safari */
    transform: scale(0.5,0.5);
}
Run Code Online (Sandbox Code Playgroud)

为什么第二个最后一行存在?

css browser css-animations

0
推荐指数
1
解决办法
81
查看次数

关于jQuery选择器的JavaScript方法

如何从JQuery选择器访问核心HTML DOM元素?

例如,以下代码:

$(document.body).appendChild(x);
Run Code Online (Sandbox Code Playgroud)

将无法工作,因为$(document.body)引用的DOM对象由JQuery选择器对象包围.

(请不要建议我可以使用jQuery append()代替它,它只是一个例子)

javascript jquery dom sizzle

-2
推荐指数
1
解决办法
101
查看次数