小编use*_*607的帖子

onclick和ontouchstart同时进行

我的ontouchstart移动视图触发了一个事件,它与此链接:

function mobileLinksShow() {
    document.querySelector('.mobile-head-bar-links').classList.toggle('mobile-head-bar-links-transition');
}
Run Code Online (Sandbox Code Playgroud)

在我的设备(iPhone 5)上,当我点击按钮时,它会将其切换两次,因此它会延伸然后收缩.这是因为onclick和ontouchstart同时触发.删除onclick解决了移动设备上的问题,但现在桌面浏览器显然无法正常工作,是否有办法抑制移动设备上的onclick?

HTML:

<span class='mobile-head-bar-left' ontouchstart='mobileLinksShow()' onclick='mobileLinksShow()' ><i class="fa fa-bars"></i></span>
Run Code Online (Sandbox Code Playgroud)

CSS:

.mobile-head-bar-links {
    height: 0;
    overflow: hidden;
    background-color: #F76845;
    transition: .5s ease;
    -webkit-transition: .5s ease;
}

.mobile-head-bar-links-transition {
    height: 7em;
}
Run Code Online (Sandbox Code Playgroud)

NB.我不想使用jQuery.

html javascript css touch

9
推荐指数
3
解决办法
3万
查看次数

如何在html/javascript中实现登录弹出窗口

基本上,我想创建一个登录弹出窗口,就像许多路由器必须访问设置页面一样: 登录弹出窗口

是否可以在html文件上实现这一点,还是仅用于基于服务器的访问?

html javascript login

6
推荐指数
2
解决办法
5万
查看次数

无法改变对象变量的innerHTML

我有这个代码

var errorId = {
        name    :    document.getElementById('para_name').innerHTML,
        desc    :    document.getElementById('para_desc').innerHTML,
        photo   :    document.getElementById('para_photo').innerHTML,
        price   :    document.getElementById('para_price').innerHTML,
        cat     :    document.getElementById('para_cat').innerHTML
    };
    errorId.name = 'Hello There';
    // this works: document.getElementById('para_name').innerHTML = 'Hello';
Run Code Online (Sandbox Code Playgroud)

当我尝试使用对象访问器''改变innerHTML时.我无法更改innerHTML,但下面的注释行在运行代码时效果很好.

javascript object innerhtml

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

正则表达式无效

这个正则表达式一直在返回假,我不明白为什么?我有一个onkeydown事件触发这个,我尝试了'w'键,它不起作用.

var keyGLOB = '';

function editProductSearch (event) {
    console.log(keyGLOB);
    var key = String.fromCharCode(event.keyCode);
    if(event.keyCode == 8) {
        keyGLOB = keyGLOB.substring(0, keyGLOB.length -1);
        return false;
    }
    var regex = /^[a-zA-Z0-9]+$/;
    if(regex.test(key)) {
        if(regex.test(keyGLOB)) {
            keyGLOB += key;
            searchDb(keyGLOB.toLowerCase());
        } else {
            alert('letters and numbers only!');
            return false;
        }
    } else {
        alert('letters and numbers only!');
        return false;
    }
}
Run Code Online (Sandbox Code Playgroud)

HTML:

<p><input id='product-edit-search' onkeydown='editProductSearch(event)'></p>
Run Code Online (Sandbox Code Playgroud)

javascript regex

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

haskell错误:map应用于太多参数

我一直得到这个错误,我无法解决原因

sumSquares a = map (^2) a . foldr (+) 0
Run Code Online (Sandbox Code Playgroud)

我把数字列表的正方形加起来.

haskell map fold

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

Haskell非穷举模式 - 错误

我有这个代码

andAll :: [Bool] -> Bool
andAll (x:xs) = x && andAll xs
Run Code Online (Sandbox Code Playgroud)

当我运行它时,它'*** Exception: worksheet5.hs:80:1-30: Non-exhaustive patterns in function andAll' 经过一些研究后发现我需要为空列表添加一个案例.我不太确定如何指定这个,我试过andAll [] = []但这仍然给出了错误.

haskell boolean

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

标签 统计

javascript ×4

haskell ×2

html ×2

boolean ×1

css ×1

fold ×1

innerhtml ×1

login ×1

map ×1

object ×1

regex ×1

touch ×1