小编Get*_*awn的帖子

单击时从<p>标记中清除默认文本

随着这个小提琴:http://jsfiddle.net/2mw4c/12/

我希望能够从<p>标签中清除文本,然后开始输入.我遇到的问题是,当你点击时,<p>标签被清除,我无法输入.

JavaScript的:

$("p").on("mousedown", function(e){
    if($(this).text() === "Click"){
        $(this).text("").focus();
    }
});
Run Code Online (Sandbox Code Playgroud)

HTML:

<div class="content" contenteditable="true"><p>Click</p></div>
Run Code Online (Sandbox Code Playgroud)

我需要做什么才能开始在标签中写作?

javascript jquery

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

jQuery总是()总是显示该元素存在

我试图检查是否li包含一个ul元素,但由于某种原因我正在做什么它总是说它确实包含一个ul元素.为什么?

http://jsfiddle.net/bT4B4/

HTML:

<ul class="doc-nav">
    <li><a class="selected" href="#introduction">Introduction</a>
        <ul>
            <li><a href="#getting-started">Getting Started</a></li>
            <li><a href="#hello-world">Hello World!</a></li>
            <li><a href="#hello-world">Hello World!</a></li>
        </ul>
    </li>
</ul>
Run Code Online (Sandbox Code Playgroud)

jQuery:

$(document).on("click", "ul.doc-nav a", function (e) {
    e.preventDefault();
    if ($(this).closest("li").has("ul")) {
        alert("here");
    }
});
Run Code Online (Sandbox Code Playgroud)

javascript jquery

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

jQuery高度不等于scrollTop

在我的jquery中,我试图计算滚动条从底部是100px的时间,当它到达那里时我会做一个ajax查询(现在我正在做一个警报,你可以看到).

$(document).on("scroll", function(e){
    var scrollHeight = $(document).height();
    var offset = $(document).scrollTop();
    console.log(scrollHeight);
    console.log(offset);
    if(scrollHeight - offset <= 100){
        alert("here");
    }
});
Run Code Online (Sandbox Code Playgroud)

由于某种原因,我无法弄清楚它是行不通的.如果我滚动到底部,我会认为它height()会相等,scrollTop()但它没有,这是它显示的内容:

scrollHeight = 1923
offset = 998
Run Code Online (Sandbox Code Playgroud)

我使用错误的方法吗?

javascript jquery

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

使用"in"检查字符串是否在数组中

这不起作用吗?我认为这是有效的,但它不起作用.

var items = ["image", "text"];
console.log(this.type)
if(this.type in items){
    console.log("here")
}
Run Code Online (Sandbox Code Playgroud)

console.log(this.type)显示image,但here永远不会显示.

我做错了什么,还是我想错了语言?

javascript

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

参数:'xxx'不是函数

我有以下原型:

Object.prototype.find = function (path, obj = null) {
    let previous = null;
    obj = !obj ? this : obj;
    for (let i = 0, p = path.split(/[\[\]\.]/), len = p.length; i < len; i++) {
        if (p[i] == '') { continue; }
        let item = p[i];
        obj = obj[item];
        previous = obj;
    }
    return obj;
}
Run Code Online (Sandbox Code Playgroud)

然后我这样称它为:

let data = [
    {
        id: 1    
    },
    {
        id: 2
    }
];

console.log(data.find('[0].id')) // Error refers to this line
// The …
Run Code Online (Sandbox Code Playgroud)

javascript ecmascript-6

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

如何在javascript中使用`%value%`?

我正在学习JavaScript,我%value%在代码中看到但我不知道它是什么意思或如何使用它.有谁可以帮我解释一下.非常感谢你.

var formattedLocation = HTMLworkLocation.replace("%data%", work.jobs[job].location);
Run Code Online (Sandbox Code Playgroud)

javascript

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

Vue:将组件附加到元素

我有一个如下所示的 vue 组件:

<template>
  <div class="toast" role="alert" aria-live="assertive" aria-atomic="true" data-autohide="true" data-delay="5000">
    <!-- HTML Clipped -->
    <div class="toast-body">{{message}}</div>
  </div>
</template>

<script>
export default {
  props: ['title', 'message']
}
</script>
Run Code Online (Sandbox Code Playgroud)

然后我有一个 eventListener 来监听通过postMessage发送的消息。这确实有效,但我认为 mount 不是做我想做的正确方法。

window.addEventListener('message', e => {
  let toastComp = Vue.extend(Toast)
  let toast = new toastComp({
    propsData: {
      message: 'hello'
    }
  }).$mount('.toast-container')
})
Run Code Online (Sandbox Code Playgroud)

我正在寻找的是 vue 将组件附加到.toast-container元素而不是替换元素。如何才能做到这一点?

javascript vue.js vue-component

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

Javascript while循环使用if/else语句

当"值"不是3时,我试图让这个程序显示"输出",但是如果值为3,它将显示"Output3"但是不知怎的,这不起作用.请帮忙.

function changeText() {

  var x = 1;
  var value = document.getElementById("userInput").value;
  var output = document.getElementById("output");
  var finalx = " ";

  while (x <= value) {

    if (x = 3) {
      finalx += "Output" + x + " ";

    } else {
      finalx += "Output";

    }
    x++;
  }

  output.innerHTML = finalx;
}
Run Code Online (Sandbox Code Playgroud)
<div id="output"> Your Output will be displayed here </div>
<br>
<br>

<input type="text" id="userInput" />
<br>
<br>
<input type="submit" id="box" value="Click me" onclick="changeText();" />
Run Code Online (Sandbox Code Playgroud)

javascript

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

标签 统计

javascript ×8

jquery ×3

ecmascript-6 ×1

vue-component ×1

vue.js ×1