随着这个小提琴: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)
我需要做什么才能开始在标签中写作?
我试图检查是否li
包含一个ul
元素,但由于某种原因我正在做什么它总是说它确实包含一个ul
元素.为什么?
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) 在我的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)
我使用错误的方法吗?
这不起作用吗?我认为这是有效的,但它不起作用.
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
永远不会显示.
我做错了什么,还是我想错了语言?
我有以下原型:
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,我%value%
在代码中看到但我不知道它是什么意思或如何使用它.有谁可以帮我解释一下.非常感谢你.
var formattedLocation = HTMLworkLocation.replace("%data%", work.jobs[job].location);
Run Code Online (Sandbox Code Playgroud) 我有一个如下所示的 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
元素而不是替换元素。如何才能做到这一点?
当"值"不是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)