如何禁用超链接的所有操作并提交表单，但可以拖动这些元素

Question

我使用JavaFx WebView来显示网页，但我不想在网页和Web引擎上禁用Javascript的任何交互（位置更改）。由于这个原因，我试图禁用超链接的所有操作并通过以下方式提交表单

a[style] {
    pointer-events: none !important;
    cursor: default;
}

input[style] {
    pointer-events: none !important;
    cursor: default;
}

所以我不能拖他们。有没有其他办法解决这个问题？通过CSS或JavaFx更好地解决它<谢谢你的提前通知。

Answer 1

您可以尝试阻止对任意多个事件执行默认操作。请注意，浏览器通常允许这样做，但有最终决定权（我很奇怪地记得有些问题并不总是有效）。

var events = ["keypress","click","submit","focus","blur","tab"];
events.forEach(function(eventName){
    window.addEventListener(eventName, function(e){
        // this is the list of tags we'd like to prevent events on
        // you may wish to remove this early return altogether, as even a div or span
        // can cause a form to submit with JavaScript
        if (["INPUT","A","FORM","BUTTON"].indexOf(e.tagName) === -1) {
            return;
        }

        // prevent the default action
        e.preventDefault();

        // stop other JavaScript listeners from firing
        e.stopPropagation();
        e.stopImediatePropagation();

        // if an input is somehow focused, unfocus it
        var target = e.target;
        setTimeout(function(){
          if (target.blur) target.blur();
        }, 50);
    // true as the third parameter signifies 'use capture' where available;
    // this means we get the event as it's going down, before it starts to bubble up
    // our propagation prevention will thus also prevent most delegated event handlers
    }, true);
});

你不能用CSS解决这个问题。< code>pointer-events不允许您指定哪些指针事件是可以的。为此，您确实需要JavaScript。

Answer 2

使用Jquery:

< code>$('input[type="submit"]')。attr('disabled '，' disabled ')；

和

$（'a'）.attr（'disabled'， 'disabled'）;

这样地