相关疑难解决方法(0)

JavaScript相当于jQuery的keyup()和keydown()

我在stackoverflow上看过这个链接:$(document).ready等效没有jQuery

在我的背景下,我正在使用

$(document).keydown(Keypress);
$(document).keyup(Keyoff);
Run Code Online (Sandbox Code Playgroud)

为了功能

 function Keypress(evt) {
     if (evt.keyCode == 39) rightpress = true;
     else if (evt.keyCode == 37) leftpress = true;
 }

 //unset
 function Keyoff(evt) {
     if (evt.keyCode == 39) rightpress = false;
     else if (evt.keyCode == 37) leftpress = false;
 }
Run Code Online (Sandbox Code Playgroud)

有javascript等价吗?喜欢window.onload?

html javascript css jquery keypress

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

form.submit不是一个函数 - 如何在Firefox扩展中使用(纯)Javascript创建和POST表单

我正在尝试使用纯粹的Javascript在Firefox扩展中创建和发送表单.但是,即使使用最基本的表单,浏览器控制台也会说:

TypeError:form.submit不是函数

我搜索并阅读了几个关于这个主题的帖子,但他们没有处理这个特殊问题.一个常见的错误是有一个名为"submit"的输入,但这不是这种情况.

这是我的代码,灵感来自这个伟大的后期JavaScript帖子请求,如表单提交:

// Create a form
var form = document.createElement("form");
form.action = "http://example.com";
form.method = "POST"

var hiddenField = document.createElement("input");
hiddenField.setAttribute("type", "submit");
hiddenField.setAttribute("name", "sub");
hiddenField.setAttribute("value", "send");
form.appendChild(hiddenField);

// Create a document
var doc = document.implementation.createDocument ('http://www.w3.org/1999/xhtml', 'html', null);
var body = document.createElementNS('http://www.w3.org/1999/xhtml', 'body');
body.appendChild(form);
doc.documentElement.appendChild(body);

// Call the form's submit method
form.submit();
Run Code Online (Sandbox Code Playgroud)

我是Javascript的新手,所以很可能我犯了一个小错误.谁能给我一个如何解决这个问题的线索?

javascript forms post firefox-addon

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

在Java Script中验证文本区域会冻结所有文本区域

我有一个使用的Html页面,Java Script我正在打开该页面WebView

我的问题是当我在文本区域启用最大长度验证时,然后在验证文本区域后,页面中的所有文本区域都被冻结,我无法编辑或删除任何文本区域.

请帮助我如何解决此问题,验证文本区域后没有文本区域冻结.

我的HTML页面是

    <table cellpadding="2" width="20%" bgcolor="99FFFF" align="center"
        cellspacing="2">

        <tr>
            <td colspan=2>
                <center>
                    <font size=4><b>Student Registration Form</b></font>
                </center>
            </td>
        </tr>

        <tr>
            <td>Name</td>
            <td><input type=text name=textnames id="textname" size="30"></td>
        </tr>

        <tr>
            <td>Father Name</td>
            <td><input type="text" name="fathername" id="fathername"
                size="30"></td>
        </tr>
        <tr>
            <td>Postal Address</td>
            <td><input type="text" name="paddress" id="paddress" size="30"></td>
        </tr>

        <tr>
            <td>Personal Address</td>
            <td><input type="text" name="personaladdress"
                id="personaladdress" size="30"></td>
        </tr>

        <tr>
            <td>Sex</td>
            <td><input type="radio" name="sex" value="male" size="10">Male
                <input type="radio" name="sex" value="Female" size="10">Female</td>
        </tr>

        <tr>
            <td>City</td>
            <td><select name="City">
                    <option value="-1" selected>select..</option> …
Run Code Online (Sandbox Code Playgroud)

javascript android webview

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

比较几种方式编写JS html

我有3行同样的后果

  1. <button onclick="myFunction()">Click me</button>
  2. button.onclick=function(){alert('This is my test')};
  3. button.addEventListener("click", fuction(){alert('This is my test')});

你能告诉我道路是最好的吗?

html javascript css jquery css3

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

从内联元素访问 Web 组件中的类函数

我想从我的 Web 组件中的一个元素执行一个定义的类函数:

customElements.define('first-component', class FirstComponent extends HTMLElement {
    constructor() {
        super();
     }

     log() {
        console.log('Well Done!')
     }

     connectedCallback() {
        this.innerHTML = '<button onclick="log()">Do it</button>'
     }
});
Run Code Online (Sandbox Code Playgroud)

现在状态:ReferenceError:未定义日志

javascript web-component custom-element

4
推荐指数
2
解决办法
2660
查看次数

悬停时的普通javascript classList操作

尝试在悬停和加载初始页面上执行一些非常基本的类操作。不知道为什么它不起作用-然后再次出现,以前从未用Vanilla编写过。

jsFiddle示例

基本DOM:

<body>
    <article>
        <p>test</p>
    </article>
</body>
Run Code Online (Sandbox Code Playgroud)

JavaScript:

var bod     = document.getElementsByTagName('body')[0],
    article = document.getElementsByTagName('article')[0];

article.onMouseOver = function(){

    bod.classList.add('focus');
}

article.onMouseOut = function(){

    bod.classList.remove('focus');
}

window.onLoad = function(){

    bod.classList.remove('loading');
}
Run Code Online (Sandbox Code Playgroud)

javascript html5 load classname

3
推荐指数
1
解决办法
7401
查看次数

ServiceWorker:没有针对javascript触发请求的FetchEvent?

我正在使用Chrome stable 46.

我有一个非常基本的网站.一个button.onclick fetch('a')和一个<a>打开的标签b.这两个URL ab不存在的,我打算抓住他们的服务人员和刚刚返回new Response().

如果我单击提取的按钮a,服务工作者不参与,我收到404错误.
但是,如果我点击进入的链接,b服务工作人员就会获取并返回响应.

问题:为什么服务工作者没有为fetch('a')请求获取任何FetchEvent ?

请参阅以下文件

HTML

<html>
  <body>
    <p><button onclick="fetch('a');">fetch a</button></p>
    <p><a href="b">go to b</a></p>
    <script src="js.js" defer></script>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

js.js

navigator.serviceWorker.register('sw.js');
Run Code Online (Sandbox Code Playgroud)

sw.js

self.onfetch = function(event) {
  var request = event.request;
  event.respondWith(
    caches.match(request).then(function(response) {
      return new Response('here is your onfetch response');
    })
  );
};
Run Code Online (Sandbox Code Playgroud)

javascript fetch asp.net-web-api service-worker fetch-api

3
推荐指数
1
解决办法
819
查看次数

React事件和DOM事件有什么区别?

我曾尝试寻找答案,但无法在互联网上找到解决方案。

这看起来很有趣。任何人都可以解释是否有真正的区别。

javascript reactjs

3
推荐指数
2
解决办法
1334
查看次数

为什么body元素上的onclick事件不起作用?

我点击html正文时尝试将用户发送到另一个页面:

JavaScript c.js:

function clickBody(){
    window.location.href = '/';
}
Run Code Online (Sandbox Code Playgroud)

HTML:

<!DOCTYPE html>
<html>
<head>
    <script src="c.js"></script>
</head>

<body onclick="clickBody();">
</body>  
</html>
Run Code Online (Sandbox Code Playgroud)

我可以从控制台运行该功能,但单击该<body>功能不起作用.

html javascript onclick

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

在按钮上添加和删除HTML元素单击React

使用React而不使用jQuery或任何其他库来实现这个jQuery 小提琴的最简单方法是什么?我还没有ReactJS技能,并且想知道是否有动态创建和删除元素的方法.

我在想创造一个

this.state = { "inputs": ["<input type="text" /><input type="checkbox" />"] }
Run Code Online (Sandbox Code Playgroud)

状态变量数组,在添加时保存HTML,为每个人提供一个基于索引的唯一键,然后是.map()它,但不确定是否有更简单的方法来实现这一点,并且不确定如何删除每个元素.

希望得到任何帮助或反馈,谢谢!

javascript reactjs

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