小编Rik*_*ard的帖子

单击时防止文本突出显示

我有一个带有加减号的输入字段来提高/降低其中的数字。看起来像这样:

<a onclick="less()">-</a>
<input type="text" text-input">
<a onclick="more()">+</a>
Run Code Online (Sandbox Code Playgroud)

当我单击以提高数字时,如何禁用/阻止 +/- 文本的选择/突出显示?

我正在寻找一种适用于跨浏览器的解决方案。谢谢

javascript

5
推荐指数
1
解决办法
6817
查看次数

如果在CSS上声明显示,为什么element.style.display为空

如果样式在CSS中声明,为什么这个JS返回空白,并且在声明内联时效果很好?

//html
<img id="myImg" src="http://jsfiddle.net/favicon.png" />
<img id="myImg2" src="http://jsfiddle.net/favicon.png" style="display:none;" />

/css
#myImg {
    display:none;
}

//vanilla JS
var el = document.getElementById('myImg');
var el2 = document.getElementById('myImg2');
console.log(el.style.display); // blank
console.log(el2.style.display); // 'none' - as expected
Run Code Online (Sandbox Code Playgroud)

在这里小提琴

javascript css

5
推荐指数
1
解决办法
1585
查看次数

画布鼠标事件位置与光标不同

我开始尝试使用canvas,这可能是一个基本问题,但在这里找不到问题.

我的鼠标光标比使用鼠标事件坐标在画布上绘制的线慢.我在这里错过了什么?

小提琴

PS-如果使用jQuery的鼠标事件同样的问题:http://jsfiddle.net/2q4Sd/2/

window.addEvent('mousemove', function (event) {
    draw(event.event.clientX);
});

function draw(mouseX) {
    ctx.beginPath();
    ctx.strokeStyle = "black";
    ctx.lineWidth = 1;
    ctx.moveTo(mouseX, 0);
    ctx.lineTo(mouseX, canvas.height);
    ctx.stroke();
    ctx.closePath();
}
Run Code Online (Sandbox Code Playgroud)

html javascript html5 html5-canvas

5
推荐指数
1
解决办法
2619
查看次数

运行Grunt无声/不详细

怎么运行Grunt更沉默?

我没有--verbose选择权.我仍然得到一个很长的日志.

我想有一个更短的日志,理想情况下只需记录失败的规格.

有什么建议吗?

我正在使用grunt-karmaJasmine

jasmine gruntjs karma-runner

5
推荐指数
1
解决办法
2761
查看次数

webpack仅导入变量值

我正在编译需要以下版本值的代码package.json:

import {version} from '../package.json';
export default {version};
Run Code Online (Sandbox Code Playgroud)

当我看到.jswebpack输出的文件时,我看到了整个文件package.json!

我怎么能避免这个?

我的设置是:

plugins: [
    new webpack.DefinePlugin({
        'process.env.NODE_ENV': '"production"'
    }),
    new webpack.optimize.UglifyJsPlugin({
        compress: {
            warnings: false
        }
    }),
    new CompressionPlugin({
        asset: '[path].gz[query]',
        algorithm: 'gzip',
        test: /\.(js|css)$/,
        threshold: 10240,
        minRatio: 0.8
    }),
]
Run Code Online (Sandbox Code Playgroud)

我的webpack版本是 3.8.1

javascript webpack

5
推荐指数
1
解决办法
478
查看次数

在jQuery选择器中转义方括号的这些不同方法之间有什么区别

在jQuery选择器中转义方括号的这些不同方法之间有什么区别.

有正确或错误的方式还是这些都是正确的?我已经阅读了不同的答案(包括这个)但没有比较这种不同的方式.

HTML

<div name="name[1]"></div>
Run Code Online (Sandbox Code Playgroud)

jQuery的

$('div[name=name[1]]'); //wrong
$('div[name="name[1]"]'); //correct?
$('div[name="name\\[1\\]"]'); //correct?
$('div[name=name\\[1\\]]'); //correct?
Run Code Online (Sandbox Code Playgroud)

我问的所有correct?工作,是使用选择器的ok方式/语法?

编辑:

在实际发布之前阅读了重复的建议答案,并没有解释差异或应该使用哪些......我现在从这个答案中得到了答案.

javascript jquery

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

来自json_encode的JSON对象中的HTML为NULL

我有一个调用php文件的ajax调用,该文件运行一个长PHP函数,它返回一个JSON编码的数组/对象.现在我需要将HTML也发送到ajax响应中.我想过在数组中发送HTML.

这是一个好习惯吗?

现在我无法使它工作,我获得了NULL该属性的值.不知道为什么.

$statHTML = '<table>';
foreach ($toHTML as $key=>$value) {
    $statHTML.= '
        <tr class="'.$key.'">
            <td class="side">'.$value[0].'</td>
            <td>'.$value[2].' '.$value[1].'</td>
        </tr>';
}
$statHTML.= '</table>';
//  echo $statHTML;   // - this works
//function return   
$answer = array('mostSearched'=>$mostSearched,
                'timeOfDay' => $timeOfDay,
                'mostSearchedDays'=>$mostSearchedDays,
                'statHTML' => $statHTML                 
            );
return json_encode($answer);
Run Code Online (Sandbox Code Playgroud)

来自控制台的ajax响应JSON.parse():

{
    "mostSearched": {
        "title": "Most serached houses",
        "colNames": [21],
        "rowNames": [2013],
        "rows": [1]
    },
    "timeOfDay": {
        "title": "Time of search",
        "colNames": ["07:30"],
        "rowNames": ["07:30"],
        "rows": [
            [1]
        ]
    },
    "mostSearchedDays": …
Run Code Online (Sandbox Code Playgroud)

php json utf-8

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

在 github-flavored-markdown 中对齐图像

我的 Github 存储库中有这些徽章:

在此输入图像描述

我怎样才能让它们左对齐(上面的2个),右对齐下面的呢?

它们的格式为![description](url)

github github-flavored-markdown

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

"匹配文字字符",或"字面匹配字符"?

我正在使用regex101工具制作一个RegEx,并在解释字段中阅读

[.] - 文字字符 .

[\.]- .字面上匹配字符

我迷失在"文字"和"字面字面"之间.这两者有什么区别?

regex

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

具有"e.value"vs"e.options [e.selectedIndex] .value"的select元素的值

鉴于HTML:

<select id="mySelect">
    <option value="1">test1</option>
    <option value="2">test2</option>
    <option value="3">test3</option>
</select>
Run Code Online (Sandbox Code Playgroud)

和javascript:

var e = document.getElementById('mySelect');
Run Code Online (Sandbox Code Playgroud)

要获得我可以使用的选择的值e.valuee.options[e.selectedIndex].value.

我知道e.options[e.selectedIndex].value会给我选择的值(1,2或3),并e.options[e.selectedIndex].text根据选择的内容给我test1,test2,test3.

可以使用e.value吗?这是旧浏览器中的问题吗?
哪个更正确:e.valuevs e.options[e.selectedIndex].value

的jsfiddle

html javascript html-select selectedindex selectedvalue

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